apps/wiki/static--wiki--editor--node_modules--grunt-contrib-less--node_modules--less--test/less/selectors.less

   1 h1, h2, h3 {
   2   a, p {
   3     &:hover {
   4       color: red;
   5     }
   6   }
   7 }
   8
   9 #all { color: blue; }
  10 #the { color: blue; }
  11 #same { color: blue; }
  12
  13 ul, li, div, q, blockquote, textarea {
  14   margin: 0;
  15 }
  16
  17 td {
  18   margin: 0;
  19   padding: 0;
  20 }
  21
  22 td, input {
  23   line-height: 1em;
  24 }
  25
  26 a {
  27   color: red;
  28
  29   &:hover { color: blue; }
  30
  31   div & { color: green; }
  32
  33   p & span { color: yellow; }
  34 }
  35
  36 .foo {
  37   .bar, .baz {
  38     & .qux {
  39       display: block;
  40     }
  41     .qux & {
  42       display: inline;
  43     }
  44         .qux& {
  45           display: inline-block;
  46         }
  47     .qux & .biz {
  48       display: none;
  49     }
  50   }
  51 }
  52
  53 .b {
  54  &.c {
  55   .a& {
  56    color: red;
  57   }
  58  }
  59 }
  60
  61 .b {
  62  .c & {
  63   &.a {
  64    color: red;
  65   }
  66  }
  67 }
  68
  69 .p {
  70   .foo &.bar {
  71     color: red;
  72   }
  73 }
  74
  75 .p {
  76   .foo&.bar {
  77     color: red;
  78   }
  79 }
  80
  81 .foo {
  82   .foo + & {
  83     background: amber;
  84   }
  85   & + & {
  86     background: amber;
  87   }
  88 }
  89
  90 .foo, .bar {
  91   & + & {
  92     background: amber;
  93   }
  94 }
  95
  96 .foo, .bar {
  97   a, b {
  98     & > & {
  99       background: amber;
 100     }
 101   }
 102 }
 103
 104 .other ::fnord { color: red }
 105 .other::fnord { color: red }
 106 .other {
 107   ::bnord {color: red }
 108   &::bnord {color: red }
 109 }
 110 // selector interpolation
 111 @theme: blood;
 112 @selector: ~".@{theme}";
 113 @{selector} {
 114   color:red;
 115 }
 116 @{selector}red {
 117   color: green;
 118 }
 119 .red {
 120   #@{theme}.@{theme}&.black {
 121     color:black;
 122   }
 123 }
 124 @num: 3;
 125 :nth-child(@{num}) {
 126         selector: interpolated;
 127 }
 128 .test {
 129   &:nth-child(odd):not(:nth-child(3)) {
 130     color: #ff0000;
 131   }
 132 }
 133 [prop],
 134 [prop=10%],
 135 [prop="value@{num}"],
 136 [prop*="val@{num}"],
 137 [|prop~="val@{num}"],
 138 [*|prop$="val@{num}"],
 139 [ns|prop^="val@{num}"],
 140 [@{num}^="val@{num}"],
 141 [@{num}=@{num}],
 142 [@{num}] {
 143   attributes: yes;
 144 }