dean.edwards.name/my/cssQuery/test.html

cssQuery Test Page

CSS Level 1

#test1-1 p a {background-color: lime;}

This is a test link.

#test1-2 :link {background-color: lime;}

This is a test link.

CSS Level 2

#test2-1 p.test.link a {background-color: lime;}

This is a test link.

#test2-2 p > a {background-color: lime;}

This is a test link.

#test2-3 span + a {background-color: lime;}

This is a test link.

#test2-4 p:first-child a {background-color: lime;}

This is a test link.

#test2-5 a:lang(en) {background-color: lime;}

This is a test link.

#test2-6 a[href] {background-color: lime;}

This is a test link.

#test2-7 a[title="This is a link"] {background-color: lime;}

This is a test link.

#test2-8 a[title~="is"] {background-color: lime;}

This is a test link.

div[id|=test2-9] a {background-color: lime;}

This is a test link.

CSS Level 3

#test3-1 span ~ a {background-color: lime;}

This is a test link.

#test3-2 p:last-child a {background-color: lime;}

This is a test link.

#test3-3 a:contains("test") {background-color: lime;}

This is a test link.

#test3-4 p :not(span) {background-color: lime;}

This is a test link.

#test3-5 p:only-child a {background-color: lime;}

This is a test link.

#test3-6 p *:nth-child(even) {background-color: lime;}

This is a test link.

#test3-7 p *:nth-last-child(2n+1) {background-color: lime;}

This is a test link.

html:root #test3-8 a {background-color: lime;}

This is a test link.

#test3-9 a[title^="This"] {background-color: lime;}

This is a test link.

#test3-10 a[title*="is a"] {background-color: lime;}

This is a test link.

#test3-11 a[title$="link"] {background-color: lime;}

This is a test link.