Skip to main content

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

Popular posts from this blog

source of program, dropdowns

Choose a question ... What is your primary frequent flyer numberWhat is your library card numberWhat was your first phone numberWhat was your first teacher's nameWhat is your father's middle nameYour mother's maiden nameYour first pet's nameThe name of your elementary schoolYour elementary school mascotYour best friend's nicknameYour favorite sports teamYour favorite writerYour favorite actorYour favorite singerYour favorite songThe name of the street you grew up onMake and model of your first carThe city where you first met your spouseWhat town were you born in?What town was your father born in?What is the name of the hospital in which you were born?What is the first name of your best childhood friend?What was the name of your primary school?What town was your mother born in?What is the name of the first company / organization you worked for?What was your favourite food as a child?What is the title of your favourite book?Who is your favourite author?Who is your a…