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;
|
||
|
}
|
||
|
}
|
||
|
}
|