Intended audience: users, XHTML/HTML coders (using editors or scripting), script developers (PHP, JSP, etc.), CSS coders, Web project managers, and anyone who wants to know how case sensitivity works with selectors in browsers.
These tests check whether CSS selectors match in a case sensitive way when dealing with HTML5 files.
Note that these test result summaries are for the latest released versions of the browsers tested. Versions that are still in development may provide better support for these features. The tests do not use any vendor prefixes.
To see the test, click on the link in the left-most column. To see detailed results for a single test, click on the link in the right-most column. To submit test data for a single test, click on the link in the right-most column and then follow the link on that page.
The tables show the latest results from the W3C Test Framework. Below the tables are summaries of the results at a given date. The table data may be more up-to-date than the summary. The tables may also contain some incorrectly scored tests, and tests that relate to non-released versions of browsers. These are not included in the summary.
| Assertion | Gecko | Presto | Trident | WebKit | Detailed results | |
|---|---|---|---|---|---|---|
| Element names 1 | If the name of an HTML div element in a selector is uppercase and the tag is lowercase in the markup, the style will be applied. | selectors-case-001 | ||||
| Element names 2 | If the name of an HTML div element in a selector is lowercase and the tag is uppercase in the markup, the style will be applied. | selectors-case-002 | ||||
| Attribute names 1 | If the name of an HTML title attribute in a selector is uppercase and the attribute name is lowercase in the markup, the style will be applied. | selectors-case-003 | ||||
| Attribute names 2 | If the name of an HTML title attribute in a selector is lowercase and the attribute name is uppercase in the markup, the style will be applied. | selectors-case-004 |
Links: Section 3 • Latest results for section 3 • Submit data for section 3 • Related tests
Snapshot, 2013-01-11
All user agents treated the HTML element and attribute names tested as case-insensitive.
| Assertion | Gecko | Presto | Trident | WebKit | Detailed results | |
|---|---|---|---|---|---|---|
| Attribute values 1 | If the name of an HTML title attribute value in a selector is uppercase and the attribute value is lowercase in the markup, the style will NOT be applied. | selectors-case-005 | ||||
| Attribute values 2 | If the name of an HTML title attribute value in a selector is lowercase and the attribute value is uppercase in the markup, the style will NOT be applied. | selectors-case-006 | ||||
| Class names 1 | If the name of a HTML class in a selector is uppercase and the class name is lowercase in the markup, the style will NOT be applied. | selectors-case-007 | ||||
| Class names 2 | If the name of a HTML class in a selector is lowercase and the class name is uppercase in the markup, the style will NOT be applied. | selectors-case-008 | ||||
| Class names, dot selector 1 | If the name of a HTML class in a dot selector is uppercase and the class name is lowercase in the markup, the style will NOT be applied. | selectors-case-009 | ||||
| Class names dot selector 2 | If the name of a HTML class in a dot selector is lowercase and the class name is uppercase in the markup, the style will NOT be applied. | selectors-case-010 |
Links: Section 3 • Latest results for section 3 • Submit data for section 3 • Related tests
Snapshot, 2013-01-11
All user agents treated the HTML attribute values tested as case-sensitive, except Opera 12.12 on Snow Leopard. The same version of Opera on Windows and on Lion treats as case-sensitive.
NOTE: for case-sensitivity of the lang attribute, see Language selectors.