This page is modified from Dean Edwards' cssQuery test page. It's here for telling how are jQuery and cssQuery compatible with or different from each other. The background color of all "test" links should turn lime. If no, that means the rule above is failed to applied.


cssQuery Test Page

CSS Level 1

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

CSS Level 2

#test2-1 p.test.link a {background-color: lime;}
#test2-2 p > a {background-color: lime;}
#test2-3 span + a {background-color: lime;}
#test2-4 p:first-child a {background-color: lime;}
#test2-5 a:lang(en) {background-color: lime;}
#test2-6 a[href] {background-color: lime;}
#test2-7 a[title="This is a link"] {background-color: lime;}
#test2-8 a[title~="is"] {background-color: lime;}
div[id|=test2-9] a {background-color: lime;}

CSS Level 3

#test3-1 span ~ a {background-color: lime;}
#test3-2 p:last-child a {background-color: lime;}
#test3-3 a:contains("test") {background-color: lime;}
#test3-4 p :not(span) {background-color: lime;}
#test3-5 p:only-child a {background-color: lime;}
#test3-6 p *:nth-child(even) {background-color: lime;}
#test3-7 p *:nth-last-child(2n+1) {background-color: lime;}
html:root #test3-8 a {background-color: lime;}
#test3-9 a[title^="This"] {background-color: lime;}
#test3-10 a[title*="is a"] {background-color: lime;}
#test3-11 a[title$="link"] {background-color: lime;}