jQuery Super Selectors plugin test

Testing against a linked stylesheet.

Empty Element

First Element

This is the first paragraph. If this has a green background, this test is passed. If it is grey, your browser supports the :first selector, but SuperSelectors has failed to add the class correctly.

Another paragraph. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :first selector.

Yet another paragraph. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :first selector.

Last Element

A paragraph. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :first selector.

Another paragraph. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :first selector.

This is the last paragraph. If this has a green background, this test is passed. If it is grey, your browser supports the :first selector, but SuperSelectors has failed to add the class correctly.

Odd Element

An odd-numbered paragraph. If this has a green background, this test is passed. If it is grey, your browser supports the :nth-child(odd) selector, but SuperSelectors has failed to add the class correctly.

An even-numbered paragraph. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :nth-child(odd) selector.

This is the last paragraph, which is also odd-numbered. If this has a green background, this test is passed. If it is grey, your browser supports the :nth-child(odd) selector, but SuperSelectors has failed to add the class correctly.

Even Element

An odd-numbered paragraph. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :nth-child(even) selector.

An even-numbered paragraph. If this has a green background, this test is passed. If it is grey, your browser supports the :nth-child(even) selector, but SuperSelectors has failed to add the class correctly.

This is the last paragraph, which is also odd-numbered. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :nth-child(even) selector.

Next Element

A paragraph. Because it's not immediately preceded by a paragraph, if this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the + selector.

Another paragraph, which is immediately preceded by a paragraph. If this has a green background, this test is passed. If it is grey, your browser supports the + selector, but SuperSelectors has failed to add the class correctly.


This paragraph is immediately after an >hr /< element. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the + selector.

Sibling Element

A paragraph. Because it's not preceded by a sibling paragraph, if this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the ~ selector.

Another paragraph, which is preceded by a sibling paragraph. If this has a green background, this test is passed. If it is grey, your browser supports the ~ selector, but SuperSelectors has failed to add the class correctly.


Even though this paragraph follows an >hr /< element, it's still a sibling of the first paragraph . If this has a green background, this test is passed. If it is grey, your browser supports the ~ selector, but SuperSelectors has failed to add the class correctly.

First Child

This is the first child of the example div. If this has a green background, this test is passed. If it is grey, your browser supports the :first-child selector, but SuperSelectors has failed to add the class correctly.

Another paragraph. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :first-child selector.

Yet another paragraph. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :first-child selector.

Last Child

A paragraph. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :last-child selector.

Another paragraph. If this has a red background, this test is passed. If it is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :last-child selector.

This is the last child of the example div. If this has a green background, this test is passed. If it is grey, your browser supports the :last-child selector, but SuperSelectors has failed to add the class correctly.

Only Child

This is the only paragraph within this example div. If this has a green background, this test is passed. If it is grey, your browser supports the :only-child selector, but SuperSelectors has failed to add the class correctly.

A paragraph. Because there are multiple paragraphs within this example div, this is a passing test if there is a red background. If the background is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :only-child selector.

Another paragraph. Because there are multiple paragraphs within this example div, this is a passing test if there is a red background. If the background is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :only-child selector.

Yet another paragraph. Because there are multiple paragraphs within this example div, this is a passing test if there is a red background. If the background is green, SuperSelectors has added the class to the wrong element. If it is grey, your browser has a bug in its support for the :only-child selector.

Direct Child

Text inputs



Radio Buttons
Checkboxes



Password inputs



Radio Buttons
Checkboxes



Radio inputs



Radio Buttons
Checkboxes



Check boxes



Radio Buttons
Checkboxes



File inputs



Radio Buttons
Checkboxes



Button inputs



Radio Buttons
Checkboxes



Image inputs



Radio Buttons
Checkboxes



Reset inputs



Radio Buttons
Checkboxes



Submit inputs



Radio Buttons
Checkboxes



Arbitrary patterns