File tree 1 file changed +16
-4
lines changed
1 file changed +16
-4
lines changed Original file line number Diff line number Diff line change @@ -226,18 +226,29 @@ Direct Nesting {#direct}
226
226
:is(.foo, .bar).qux { color: red; }
227
227
*/
228
228
229
- ul, ol {
229
+ .foo {
230
+ color: blue;
231
+ & .bar & .baz & .qux { color: red; }
232
+ }
233
+ /* equivalent to
234
+ .foo { color: blue; }
235
+ .foo .foo .bar .foo .baz .foo .qux { color: blue; }
236
+ */
237
+
238
+ .error, #404 {
230
239
&:not(.foo,.bar) > .baz { color: red; }
231
240
}
232
241
/* equivalent to
233
- :is(ul,ol ):not(.foo,.bar) > .baz { color: red; }
242
+ :is(.error, #404 ):not(.foo,.bar) > .baz { color: red; }
234
243
*/
235
244
236
245
.foo {
237
246
&:is(.bar, &.baz) { color: red; }
238
247
}
239
248
/* equivalent to
240
- .foo:is(.bar, .foo:is(.baz)) { color: red; }
249
+ .foo:is(.bar, .foo:is(.baz)) { color: red; }
250
+ */
251
+
241
252
main {
242
253
display: grid;
243
254
& > section {
@@ -294,7 +305,8 @@ Direct Nesting {#direct}
294
305
color: red;
295
306
&&.bar { color: blue; }
296
307
}
297
- /* Invalid because the 1st & isn't at the start of the selector */
308
+ /* Invalid because the 1st & is no longer
309
+ at the start of a selector */
298
310
</pre>
299
311
</div>
300
312
You can’t perform that action at this time.
0 commit comments