css-guards.css
442 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.light {
color: green;
}
.see-the {
color: green;
}
.hide-the {
color: green;
}
.multiple-conditions-1 {
color: red;
}
.inheritance .test {
color: black;
}
.inheritance:hover {
color: pink;
}
.clsWithGuard {
dispaly: none;
}
.dont-split-me-up {
width: 1px;
color: red;
height: 1px;
}
+ .dont-split-me-up {
sibling: true;
}
.scope-check {
sub-prop: 2px;
prop: 1px;
}
.scope-check-2 {
sub-prop: 2px;
prop: 1px;
}