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

Comments

Related Posts Plugin for WordPress, Blogger...

Popular Posts

மூக்குத்தி அணிவது ஏன்?

UI Certifications Q & A

Technicals details select

Do's and Don'ts - Central Pollution Control Board (CPCB),

for programmers dropdown

medicals dropdown

:: Useful web links List