File tree Expand file tree Collapse file tree 1 file changed +16
-4
lines changed Expand file tree Collapse file tree 1 file changed +16
-4
lines changed Original file line number Diff line number Diff 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
You can’t perform that action at this time.
0 commit comments