/
selectors.pseudo.styl
105 lines (95 loc) · 1.49 KB
/
selectors.pseudo.styl
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
mixin()
td:nth-of-type(2)
td:nth-of-type(3)
background black
ul
mixin()
table
td:nth-child(2)
td:nth-child(3)
td:nth-child(4)
td:nth-child(5)
td:first-letter
background black
li:first-child
li:last-child
background white
table
:nth-child(2)
:nth-child(3)
background black
table
td:after, td .after
background red
td
background white
table
td:before, td::before
color green
td:selection, td::selection
color red
td:first-line
color yellow
td::first-letter
color black
label
input:indeterminate
span
color #001
input:checked
span
color #002
a:any-link
span
color #003
a:local-link
span
color #004
input:read-only
span
color #005
input:read-write
span
color #006
input:placeholder-shown
span
color #007
// input:default
// span
// color #008
// throws illegal unary "in", missing left-hand operand
// input:in-range
// span
// color #009
input:out-of-range
span
color #010
input:required
span
color #011
input:optional
span
color #012
input:user-error
span
color #013
input:blank
span
color #014
:is(header, main, footer) p:hover
color: red;
cursor: pointer;
:where(header, main, footer) p:hover
color: red
cursor: pointer
a:where(:not(:hover))
text-decoration: none
a:has(> img)
color: red
input
color #a7a7a7
&:not(:last-child)
color #000
@media (min-width: 0px)
div :not(.icon)
display: none