2022-02-19 19:17:46 +03:00
a [ color = "blue" ] { color : blue }
a [ color = "" ] { color : blue }
a [ color = "-" ] { color : blue }
a [ color = "." ] { color : blue }
a [ color = " " ] { color : blue }
a [ color = " a " ] { color : blue }
a [ color = " a" ] { color : blue }
a [ color = "a " ] { color : blue }
a [ color = "\22" ] { color : blue }
a [ color = "B\26 W\3F " ] { color : blue }
a [ color = "\47" ] { color : blue }
a [ color = "😂" ] { color : blue }
a [ color = "👩🦼" ] { color : blue }
a [ color = "1" ] { color : blue }
a [ color = "--" ] { color : blue }
a [ color = "-1" ] { color : blue }
a [ color = "-404" ] { color : blue }
a [ color = "-x" ] { color : blue }
a [ color = "blue" ] { color : blue }
a [ color = "blue" i ] { color : blue }
a [ class = " woop \
woop woop " ] { color : blue }
a [ class = "woop_woop_woop" ] { color : blue }
h1 [ class = " *.js " ] + * . js { color : blue }
h1 :: before { color : blue }
h1 :: BEfoRE { color : blue }
h1 :: after { color : blue }
h1 :: first-letter { color : blue }
h1 :: first-line { color : blue }
* { color : blue }
* [ hreflang | = en ] { color : blue }
* . warning { color : blue }
* # myid { color : blue }
* :: before { content : "test" ; color : blue }
* : hover { }
* . class [ hreflang | = en ] { color : blue }
foo | * [ hreflang | = en ] { color : blue }
* | * [ hreflang | = en ] { color : blue }
div { & * [ h r e f l a n g | = e n ] { color : blue } }
div { & * [ h r e f l a n g | = e n ] { color : blue } }
div { & d i v { color : blue } }
div { & * { color : blue } }
div { & { color : blue } }
div { & * . c l a s s { color : blue } }
/* For example, the following selector matches any element that is being hovered or focused, regardless of its namespace. In particular, it is not limited to only matching elements in the default namespace that are being hovered or focused. */
* | * : is ( : hover , : focus ) { color : blue }
/* The following selector, however, represents only hovered or focused elements that are in the default namespace, because it uses an explicit universal selector within the :is() notation: */
* | * : is ( * : hover , * : focus ) { color : blue }
2022-02-25 05:05:12 +03:00
* | * : has ( * : not ( h1 , h2 , h3 , h4 , h5 , h6 ) ) { color : blue }
2022-02-19 19:17:46 +03:00
div * : first-child { color : blue }
legend + * { color : blue }
* + legend { color : blue }
* + * { color : blue }
p : nth-child ( 1 ) { color : blue }
p : NTH-CHILD ( 1 ) { color : blue }
p : nth-child ( 2n + 1 ) { color : blue }
p : nth-child ( 2N + 1 ) { color : blue }
p : nth-child ( even ) { color : blue }
p : nth-child ( EVEN ) { color : blue }
p : nth-child ( 2n ) { color : blue }
p : nth-child ( 1 ) { color : blue }
p : nth-child ( 0n + 1 ) { color : blue }
p : nth-child ( -0n + 1 ) { color : blue }
p : nth-child ( + 0n + 1 ) { color : blue }
p : nth-child ( 0n + 5 ) { color : blue }
p : nth-child ( 0n-5 ) { color : blue }
p : nth-child ( + 0n-5 ) { color : blue }
p : nth-child ( -0n-5 ) { color : blue }
p : nth-child ( -1n + 3 ) { color : blue }
p : nth-child ( + 1n + 3 ) { color : blue }
p : nth-child ( 1n + 3 ) { color : blue }
p : nth-child ( n + 3 ) { color : blue }
p : nth-child ( -n + 3 ) { color : blue }
p : nth-child ( + n + 3 ) { color : blue }
p : nth-child ( + n-3 ) { color : blue }
p : nth-child ( 0n-3 ) { color : blue }
p : nth-child ( -0n-3 ) { color : blue }
p : nth-child ( + 0n-3 ) { color : blue }
p : nth-child ( n + 0 ) { color : blue }
p : nth-child ( + n + 0 ) { color : blue }
p : nth-child ( -n + 0 ) { color : blue }
p : nth-child ( 5n + 0 ) { color : blue }
p : nth-child ( -5n + 0 ) { color : blue }
p : nth-child ( + 5n + 0 ) { color : blue }
p : nth-child ( -2n + 1 ) { color : blue }
p : nth-child ( n - 0 ) { color : blue }
p : nth-child ( n + 0 ) { color : blue }
p : nth-child ( -n + 0 ) { color : blue }
p : nth-child ( + n + 0 ) { color : blue }
p : nth-of-type ( 2n + 1 ) { color : blue }
p : nth-last-col ( 2n + 1 ) { color : blue }
p : nth-col ( 2n + 1 ) { color : blue }
p : nth-child ( 1n - 2 ) { color : blue }
p : nth-child ( 1n + 2 ) { color : blue }
p : nth-child ( -1n + 2 ) { color : blue }
p : nth-child ( 1n ) { color : blue }
p : nth-child ( -1n ) { color : blue }
p : nth-child ( + 1n ) { color : blue }
p : nth-child ( 0n + 5 ) { color : blue }
p : nth-child ( 1n + 0 ) { color : blue }
p : nth-child ( n + 0 ) { color : blue }
p : nth-child ( -n + 6 ) { color : blue }
p : nth-child ( 2n-1 ) { color : blue }
p : nth-child ( 2n + 5 ) { color : blue }
p : nth-child ( 2n + 4 ) { color : blue }
p : nth-child ( 2n + 3 ) { color : blue }
p : nth-child ( 2n + 2 ) { color : blue }
p : nth-child ( 2n + 1 ) { color : blue }
p : nth-child ( 2n-1 ) { color : blue }
p : nth-child ( 2n-2 ) { color : blue }
p : nth-child ( 2n-3 ) { color : blue }
p : nth-child ( 2n-4 ) { color : blue }
p : nth-child ( 2n-5 ) { color : blue }
p : nth-child ( 2n-6 ) { color : blue }
p : nth-child ( 2n-7 ) { color : blue }
p : nth-child ( 2n-8 ) { color : blue }
p : nth-child ( 2n-9 ) { color : blue }
p : nth-child ( 2n-10 ) { color : blue }
p : nth-child ( 2n-0 ) { color : blue }
p : nth-child ( 2n + 10 ) { color : blue }
p : nth-child ( n + 8 ) : nth-child ( -n + 15 ) { color : blue }
p : nth-last-of-type ( 2n + 2 ) { color : blue }
body > h2 : not ( : first-of-type ) : not ( : last-of-type ) { color : blue }
. class : nth-child ( 1 ) { color : red }
. class : nth-child ( + 1 ) { color : red }
/* No */
. class : nth-child ( -1 ) { color : red }
. class : nth-last-child ( 1 ) { color : red }
. class : nth-last-child ( + 1 ) { color : red }
/* No */
. class : nth-last-child ( -1 ) { color : red }
. class : nth-of-type ( 1 ) { color : red }
. class : nth-of-type ( + 1 ) { color : red }
/* No */
. class : nth-of-type ( -1 ) { color : red }
. class : nth-last-of-type ( 1 ) { color : red }
. class : nth-last-of-type ( + 1 ) { color : red }
/* No */
. class : nth-last-of-type ( -1 ) { color : red }
. foo . foo . foo { }
. foo . foo . foo { color : red }
. class # id # id { color : red }
# id # id . class { color : red }
# id . class # id { color : red }
# id # id # id { color : red }
[ attr ] [ attr ] [ attr ] { color : red }
[ attr ] . class [ attr ] . class [ attr ] { color : red }
. foo . foo . foo # id # id # id [ attr ] [ attr ] [ attr ] { }
2022-07-26 04:55:52 +03:00
h1 , h2 , h3 , h4 , h5 , h6 , h5 , h1 , h2 , h3 { color : blue }
. class , . class , . class { color : blue }
div . class , div . class , . class { color : blue }
2022-08-29 18:25:48 +03:00
a : is ( a > b ) { color : red }
a : is ( a > b , a > b ) { color : red }
a : is ( a > b , form > label , a > b ) { color : red }
a : has ( > a ) { color : red }
a : has ( > a , > a ) { color : red }
2022-09-12 04:11:36 +03:00
. row-cols-3 > * { -ms- flex : 0 0 33.333333 % ; flex : 0 0 33.333333 % }
* , : before , : after { box-sizing : border-box ; border : 1 px solid #dee2e6 }
. foo { & * { color : red } }
. foo { & * { color : red } }
. beta { & : h o v e r { order : 1 } }
. alpha > . beta { & + & { order : 2 } }
a { & * . b a r { color : red } }
a { & * . b a r { color : red } }
2022-12-15 09:55:22 +03:00
. class { & * . b a r { color : red } }
h1 , H1 { color : red }
* : NOT ( H1 , H1 ) { color : blue }