| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> | |
| <html> | |
| <head> | |
| <title>CSS selectors (classes and IDs) cannot start with a dash or with a digit</title> | |
| <style type="text/css"> | |
| #divWrapper1 {color: green; background-color: white;} | |
| #1stSentence {color: red; background-color: white;} | |
| #divWrapper2 {color: green; background-color: white;} | |
| #-secondSentence {color: red; background-color: white; } | |
| h3 {color: green; background-color: white;} | |
| .3rdSentence {color: red; background-color: white;} | |
| h4 {color: green; background-color: white;} | |
| .-fourthSentence {color: red; background-color: white;} | |
| h5 {color: green; background-color: white; font-size: 100%;} | |
| .-_ {color: purple; background-color: white;} | |
| </style> | |
| </head> | |
| <body> | |
| <div id="divWrapper1"><p id="1stSentence">First sentence: this text should be green. The markup code is invalid according to W3C HTML validator and the CSS code is invalid according to W3C CSS validator.</p></div> | |
| <div id="divWrapper2"><p id="-secondSentence">Second sentence: this text should be green according to CSS 1 but it should be red according to CSS 2.1. The markup code is also invalid according to W3C HTML validator but the CSS code is perfectly valid according to W3C CSS validator.</p></div> | |
| <h3 class="3rdSentence">Third sentence: this text should be green. The markup code is valid according to W3C HTML validator but the CSS code is invalid according to W3C CSS validator.</h3> | |
| <h4 class="-fourthSentence">Fourth sentence: this text should be green according to CSS 1 (class name can not start with a dash in CSS 1) but it should be red according to CSS 2.1 and the markup code is valid according to W3C HTML validator and the CSS code is perfectly valid according to W3C CSS validator.</h4> | |
| <h5 class="-_">Fifth sentence: this text should be green according to CSS 1 (class name can not start with a dash in CSS 1) but it should be purple according to latest CSS 2.1 WD (class name can not start with a dash unless immediately followed by [_A-Za-z] character in CSS 2.1) and the markup code is valid according to W3C HTML validator and the CSS code is perfectly valid according to the W3C CSS validator!</h5> | |
| <p>See <a href="http://bugs.webkit.org/show_bug.cgi?id=14373">Bug 14373<a>.</p> | |
| </body> | |
| </html> |