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
106
107
108
109
110
111
112
113
114
|
.test {
background: red;
}
._test {
background: blue;
}
.className {
background: red;
}
#someId {
background: green;
}
.className .subClass {
color: green;
}
#someId .subClass {
color: blue;
}
.-a0-34a___f {
color: red;
}
.m_x_\@ {
margin-left: auto !important;
margin-right: auto !important;
}
.B\&W\? {
margin-left: auto !important;
margin-right: auto !important;
}
/* matches elements with class=":`(" */
.\3A \`\( {
color: aqua;
}
/* matches elements with class="1a2b3c" */
.\31 a2b3c {
color: aliceblue;
}
/* matches the element with id="#fake-id" */
#\#fake-id {
color: antiquewhite;
}
/* matches the element with id="-a-b-c-" */
#-a-b-c- {
color: azure;
}
/* matches the element with id="©" */
#© {
color: black;
}
.♥ { background: lime; }
.© { background: lime; }
.😍 { background: lime; }
.“‘’” { background: lime; }
.☺☃ { background: lime; }
.⌘⌥ { background: lime; }
.𝄞♪♩♫♬ { background: lime; }
.💩 { background: lime; }
.\? { background: lime; }
.\@ { background: lime; }
.\. { background: lime; }
.\3A \) { background: lime; }
.\3A \`\( { background: lime; }
.\31 23 { background: lime; }
.\31 a2b3c { background: lime; }
.\<p\> { background: lime; }
.\<\>\<\<\<\>\>\<\> { background: lime; }
.\+\+\+\+\+\+\+\+\+\+\[\>\+\+\+\+\+\+\+\>\+\+\+\+\+\+\+\+\+\+\>\+\+\+\>\+\<\<\<\<\-\]\>\+\+\.\>\+\.\+\+\+\+\+\+\+\.\.\+\+\+\.\>\+\+\.\<\<\+\+\+\+\+\+\+\+\+\+\+\+\+\+\+\.\>\.\+\+\+\.\-\-\-\-\-\-\.\-\-\-\-\-\-\-\-\.\>\+\.\>\. { background: lime; }
.\# { background: lime; }
.\#\# { background: lime; }
.\#\.\#\.\# { background: lime; }
.\_ { background: lime; }
.\{\} { background: lime; }
.\#fake\-id { background: lime; }
.foo\.bar { background: lime; }
.\3A hover { background: lime; }
.\3A hover\3A focus\3A active { background: lime; }
.\[attr\=value\] { background: lime; }
.f\/o\/o { background: lime; }
.f\\o\\o { background: lime; }
.f\*o\*o { background: lime; }
.f\!o\!o { background: lime; }
.f\'o\'o { background: lime; }
.f\~o\~o { background: lime; }
.f\+o\+o { background: lime; }
.foo\/bar {
background: hotpink;
}
.foo\\bar {
background: hotpink;
}
.foo\/bar\/baz {
background: hotpink;
}
.foo\\bar\\baz {
background: hotpink;
}
|
