Skip to content

Commit 6fdc24f

Browse files
committed
[css-nesting] feedback updates
1 parent 4912191 commit 6fdc24f

File tree

1 file changed

+16
-4
lines changed

1 file changed

+16
-4
lines changed

css-nesting-1/Overview.bs

+16-4
Original file line numberDiff line numberDiff line change
@@ -226,18 +226,29 @@ Direct Nesting {#direct}
226226
:is(.foo, .bar).qux { color: red; }
227227
*/
228228

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 {
230239
&:not(.foo,.bar) > .baz { color: red; }
231240
}
232241
/* equivalent to
233-
:is(ul,ol):not(.foo,.bar) > .baz { color: red; }
242+
:is(.error, #404):not(.foo,.bar) > .baz { color: red; }
234243
*/
235244

236245
.foo {
237246
&:is(.bar, &.baz) { color: red; }
238247
}
239248
/* equivalent to
240-
.foo:is(.bar, .foo:is(.baz)) { color: red; }
249+
.foo:is(.bar, .foo:is(.baz)) { color: red; }
250+
*/
251+
241252
main {
242253
display: grid;
243254
& > section {
@@ -294,7 +305,8 @@ Direct Nesting {#direct}
294305
color: red;
295306
&&.bar { color: blue; }
296307
}
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 */
298310
</pre>
299311
</div>
300312

0 commit comments

Comments
 (0)