293 lines
2.1 KiB
CSS
293 lines
2.1 KiB
CSS
.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;
|
|
}
|
|
}
|
|
}
|