.parent { @at-root { .child1 { width: 100px; } .child2 { width: 200px; } } } .parent { @at-root { .child1 { width: 100px; } .child2 { width: 200px; } } } .parent { @at-root { .child1 { width: 100px; } .child2 { width: 200px; } } } .parent { @at-root { .child1 { width: 100px; } .child2 { width: 200px; } } } .parent { @at-root { .child1 { width : 100px ; } .child2 { width : 200px ; } } } .parent { @at-root { .child1 { width : 100px ; } .child2 { width : 200px ; } } } .parent { @at-root .child { width: 100px; } } .parent { @at-root .child { width: 100px; } } .parent{ @at-root .child{ width: 100px; } } .parent { @at-root .child { width: 100px; } } .parent { @at-root .child { width : 100px ; } } .parent { @at-root .child { width : 100px ; } } .parent { @at-root input[ type = 'radio' ] { color : red ; } } @media print { .page { width: 8in; @at-root (with: media) { color: red; } } } @media print { .page { width: 8in; @at-root (with: media) { color: red; } } } @media print{ .page{ width: 8in; @at-root (with:media){ color: red; } } } @media print { .page { width: 8in; @at-root ( with : media ) { color: red; } } } @media print { .page { width: 8in; @at-root ( with : media ) { color: red; } } } @media print { .page { width: 8in; @at-root (with: media) { color: red; } } } @media print { .page { width : 8in ; @at-root ( with : media ) { color : red ; } } } @media print { .page { width : 8in ; @at-root ( with : media ) { color : red ; } } } @media print { .page { width: 8in; @at-root (without: media) { color: red; } } }