css selectors

.note h1#title div #title div

.example

ul .tocline2

.title

.toc

.toc .tocline2


.tocline2, .tocline3, .tocline4


ul.toc li.tocline2


ul.toc > li.tocline2


h1#title + div > p


h1[id]:contains(Selectors) 

a[href][lang][class]


div[class]


div[class=example]


div[class^=exa]


div[class$=mple]


div[class*=e]


div[class|=dialog]


div[class!=made_up]


div[class~=example]


div:not(.example)


p:contains(selectors)


p:nth-child(even)


p:nth-child(2n)


p:nth-child(odd)


p:nth-child(2n+1)


p:nth-child(n)


p:only-child


[foo]


[foo="bar"]


[foo~="bar"]


[hreflang|="en"]


[foo^="bar"]


[foo$="bar"]


[foo*="bar"]


:first-child 


p blockquote ~ div + p 


div :not(:enabled):not(:disabled) p 


line  [type~=odd]  line:nth-of-type(odd)  [hidden]


line  [type~=odd]  line:nth-of-type(odd)  [hidden]


line  [type~=match]  line:nth-child(3n-1)  [hidden]


line  [type~=match]  line:nth-child(3n-1)  [hidden]


line  [type~=match]  line:nth-last-of-type(3n-1)  [hidden] 

p  p:empty 


address:empty  address  .text 


address  address:empty  .text 


p   .5cm 


p   .\5cm 


p   .two\ words 


p   .one.word 


.one\.word   p 
p   foo & address, p 

foo & address, p   p 
p   [*=test] 

p   p:subject


p   p   *   p > *   p + *   p ~ * 


td > div   td > div > span 


.test strong 


p  .fail 


p  .13 


p  .\13 


p  .\31 \33 


div  p::first-child 


.cs  .cs P  .cs .a  .cs .span1 span   

.cs .span2  .cs .span2 SPAN  .cs .span2 span   

.ci  .ci P  .ci .a  .ci .span1

span  .ci .span2 SPAN 


p foo\:bar 


p ..test .foo..quux .bar. 


#test    #test:not(:empty) 


#test1    #test1:empty    #test2    #test2:empty 


#test    #stub ~ div div + div > div 


[test]stub ~ [|attribute^=start] 

:not([|attribute~=mid])[|attribute*=dle][|attribute$=end] ~ t


#two:first-child    #three:last-child 


input, span  input:indeterminate, input:indeterminate + span 


input, span  input:checked, input:checked + span 


input, span  input:not(:checked), input:not(:checked) + span 


p[example=publicclass]

>#title

div.example, div.note


div > p


div + p


div ~ p


div[class^=exa][class$=mple] 


:root


:nth-child(n)


:nth-last-child(n)


:nth-of-type(n)


:nth-last-of-type(n)


:last-child


:first-of-type


:last-of-type


:only-child


:only-of-type


:empty
:lang(fr)


:target


:disabled


:enabled


:checked


.warning
* B


* > B


* + B


* ~ B


:not(B)


:not(*)


:not([foo])


:not([foo="bar"])


:not([foo~="bar"])


:not([hreflang|="en"])

:not([foo^="bar"])

:not([foo$="bar"])


:not([foo*="bar"])


:not(:first-child)


:not(:root)

:not(:nth-child(n))

:not(:nth-last-child(n))

:not(:nth-of-type(n))
:not(:nth-last-of-type(n))
:not(:last-child)

:not(:first-of-type)


:not(:last-of-type)


:not(:only-child)


:not(:only-of-type)


:not(:empty)


:not(:link)


:not(:visited)


:not(:active)


:not(:hover)


:not(:focus)


:not(:lang(fr))


:not(:target)


:not(:disabled)


:not(:enabled)


:not(:checked)


:not(.warning)


:not(#myid)


* ul, p *.t1 


#foo p 


p p[title] 


address address[title="foo"] span[title="a"] 
p p[class~="b"] address address[title~="foo"] span[class~="b"] 

p [title~="hello world"] 

p p[lang|="en"] address address[lang="fi"] span[lang|="fr"] 

p p[title^="foo"] 

p p[title$="bar"] 
p p[title*="bar"] li .t1 li.t2 .t3 p p.t1 p.t2 div div.teST div.te div.st div.te.st p .t1.fail .fail.t1 .t2.fail .fail.t2 

p p.t1.t2 div div.t1 address address.t5.t5 
p .t1:not(.t2) :not(.t2).t1 .t2:not(.t1) :not(.t1).t2 

p p:not(.t1):not(.t2) div div:not(.t1) address address:not(.t5):not(.t5) 
li #t1 li#t2 li#t3 #t4 p #test#fail #fail#test #fail div #pass#pass .warning div #Aone#Atwo, #Aone#Athree, #Atwo#Athree p #Bone#Btwo, #Bone#Bthree, #Btwo#Bthree #Cone#Ctwo, #Cone#Cthree, #Ctwo#Cthree #Done#Dtwo, #Done#Dthree, #Dtwo#Dthree p.test a p.test *:link p.test a p.test *:visited .b a:hover .b a:link 

.c :link .c :visited:hover 
div:hover > p:first-child button:active 

p:target 


p p:target 


:root :target 


ul > li li:lang(en-GB) 
button input button:enabled input:enabled 

button input button:disabled input:disabled 
input, span input:checked, input:checked + span 

html *:root 
:root:first-child :root:last-child :root:only-child :root:nth-child(1) :root:nth-child(n) :root:nth-last-child(1) :root:nth-last-child(n) :root:first-of-type :root:last-of-type :root:only-of-type :root:nth-of-type(1) :root:nth-of-type(n) :root:nth-last-of-type(1) :root:nth-last-of-type(n) p 

* html * :root p 
.red ul > li:nth-child(odd) ol > li:nth-child(even) table.t1 tr:nth-child(-n+4) table.t2 td:nth-child(3n+1) 

.green ul > li:nth-child(odd) ol > li:nth-child(even) table.t1 tr:nth-child(-n+4) table.t2 td:nth-child(3n+1) 
.red ul > li:nth-last-child(odd) ol > li:nth-last-child(even) table.t1 tr:nth-last-child(-n+4) table.t2 td:nth-last-child(3n+1) 

.green ul > li:nth-last-child(odd) ol > li:nth-last-child(even) table.t1 tr:nth-last-child(-n+4) table.t2 td:nth-last-child(3n+1) 
.red p:nth-of-type(3) dl > :nth-of-type(3n+1) 

.red p:nth-last-of-type(3) dl > :nth-last-of-type(3n+1) 
.red .t1 td:first-child p > *:first-child 

.red .t1 td:last-child p > *:last-child 
.red address address:first-of-type 

.red address address:last-of-type 
.red p:only-child div.testText > div > p 

.red .t1 :only-of-type 
.white .red div.t1 p 

.white .green div.t1 p 
.white .red div > p.test 

.white .green div > p.test 
.fail > div   .control 

#fail > div   p 
.red div.stub > p + p 

.green .white div.stub > p + p 
.fail + div   .control 

.red div.stub > p ~ p 
.green div.stub > p ~ p 

div.stub > * div.stub *:not(.foo) 
div.stub > * div.stub *:not(#foo) 

div.stub > * div.stub *:not(:link) 
div.stub > * div.stub *:not(:visited) 

div.stub * div.stub > * > *:not(:hover) 
div.stub * div.stub > * > *:not(:active) 

a:not(:focus) a 
p p:not(:target) 
 div.stub * div.stub *:not(:lang(fr)) 

button input button:not(:enabled) input:not(:enabled)  

button input button:not(:disabled) input:not(:disabled) 

input, span input:not(:checked), input:not(:checked) + span 

p:not(:root) div * 

html:not(:root), test:not(:root) p 

.red ul > li:not(:nth-child(odd)) ol > li:not(:nth-child(even)) table.t1 tr:not(:nth-child(-n+4)) table.t2 td:not(:nth-child(3n+1)) table.t1 td, table.t2 td 
.green ul > li:not(:nth-child(odd)) ol > li:not(:nth-child(even)) table.t1 tr:not(:nth-child(-n+4)) table.t2 td:not(:nth-child(3n+1)) table.t1 td, table.t2 td 

.red ul > li:not(:nth-last-child(odd)) ol > li:not(:nth-last-child(even)) table.t1 tr:not(:nth-last-child(-n+4)) table.t2 td:not(:nth-last-child(3n+1)) table.t1 td, table.t2 td 

.green ul > li:not(:nth-last-child(odd)) ol > li:not(:nth-last-child(even)) table.t1 tr:not(:nth-last-child(-n+4)) table.t2 td:not(:nth-last-child(3n+1)) table.t1 td, table.t2 td 
.red p:not(:nth-of-type(3)) dl > *:not(:nth-of-type(3n+1)) 

.green p:not(:nth-of-type(3)) dl > *:not(:nth-of-type(3n+1)) 
.red p:not(:nth-last-of-type(3)) dl > *:not(:nth-last-of-type(3n+1)) 

.green p:not(:nth-last-of-type(3)) dl > *:not(:nth-last-of-type(3n+1)) 
.red .t1 td:not(:first-child) p > *:not(:first-child) table.t1 td 

.green .t1 td:not(:first-child) p > *:not(:first-child) table.t1 td 
.red .t1 td:not(:last-child) p > *:not(:last-child) table.t1 td 

.green .t1 td:not(:last-child) p > *:not(:last-child) table.t1 td 
.red address address:not(:first-of-type) 

.red address address:not(:last-of-type) 
.red p:not(:only-child) div.testText > div > p 

.green p:not(:only-child) div.testText > div > p 
.red .t1 *:not(:only-of-type) .green .t1 *:not(:only-of-type) p p:not(:not(p)) 

p blockquote > div p 
p blockquote + div ~ p p blockquote + div ~ p 

p blockquote + div p 
p blockquote + div p 

p blockquote div > p 
p blockquote ~ div + p