selectorTest

.blox16:not(.blox15[foo="blox14"]) { background-color: red; } /* Tests from http://www.w3.org/Style/CSS/Test/CSS3/Selectors/20060307/html/index.html */ div:not(:not(div)) { background-color : red } div, { background: red; } .5cm { background: red; } foo & address, p { background: red; } [*=test] { background: red; } [*|*=test] { background: red; } div:subject { background: red; } :canvas { background: red; } :viewport { background: red; } :window { background: red; } :menu { background: red; } :table { background: red; } :select { background: red; } ::canvas { background: red; } ::viewport { background: red; } ::window { background: red; } ::menu { background: red; } ::table { background: red; } ::select { background: red; } ..test { background: red; color: yellow; } .foo..quux { background: red; color: yellow; } .bar. { background: red; color: yellow; }

# Selectors API Test Suite

Testrunner by John Resig, tests by John Resig, Disruptive Innovations, W3C CSS Working Group, jQuery JavaScript Library.

### CSS 3 Selectors tests

(c) Disruptive Innovations 2008
Last update: 2008-06-06

the previous square should be green when the checkbox is checked and become red when you uncheck it
the previous square should be green when the checkbox is NOT checked and become red when you check it
the three last squares should be green and become red when the pointer hovers over the white square
the last square should be green and become red when the pointer hovers over the FIRST white square

### CSS 3 Selectors tests

(c) Disruptive Innovations 2008
Last update: 2008-06-06

the previous square should be green when the checkbox is checked and become red when you uncheck it
the previous square should be green when the checkbox is NOT checked and become red when you check it
the three last squares should be green and become red when the pointer hovers over the white square
the last square should be green and become red when the pointer hovers over the FIRST white square
Example circle01 - circle filled with red and stroked with blue

# jQuery Test Suite

##

##

See this blog entry for more information.

Here are some links in a normal paragraph: Google, Google Groups. This link has `class="blog"`: diveintomark

Everything inside the red border is inside a div with `id="foo"`.

This is a normal link: Yahoo

This link has `class="blog"`: Simon Willison's Weblog

Try them out:

foobar
test element Float test.

fadeIn
fadeIn
fadeOut
fadeOut
show
show
hide
hide
togglein
togglein
toggleout
toggleout
slideUp
slideUp
slideDown
slideDown
slideToggleIn
slideToggleIn
slideToggleOut
slideToggleOut
? Z
hi there
hidden