OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/
DTD/xhtml11.dtd"> |
| 2 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 3 <head> |
| 4 <title>CSS Test: Case-sensitivity of pseudo-classes and pseudo-elements</title
> |
| 5 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.ne
t/"/> |
| 6 <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/> |
| 7 <meta name="assert" content="Pseudo-class and pseudo-element names are ASCII |
| 8 case-insensitive."/> |
| 9 <style type="text/css"> |
| 10 * { color: red; } |
| 11 *:before, *:after { color: red; } |
| 12 |
| 13 p:FiRSt-cHIlD { |
| 14 color: green; |
| 15 } |
| 16 |
| 17 :LinK, :viSiTed { |
| 18 color: green; |
| 19 text-decoration: none; |
| 20 font: inherit; |
| 21 } |
| 22 |
| 23 :lAnG(en) { |
| 24 color: green; |
| 25 } |
| 26 |
| 27 .flin { |
| 28 white-space: nowrap; |
| 29 } |
| 30 .flin:fIrsT-LinE { |
| 31 color: green; |
| 32 } |
| 33 |
| 34 .flet span { |
| 35 color: green; |
| 36 } |
| 37 .flet:fIRst-LEttEr { |
| 38 color: green; |
| 39 } |
| 40 |
| 41 .bef:before, .af:after { |
| 42 content: "This sentence must be green."; |
| 43 } |
| 44 .bef:BeFoRe, .af:aFtEr { |
| 45 color: green; |
| 46 } |
| 47 |
| 48 /* test for ASCII (not UNICODE) case-insensitivity */ |
| 49 p:fİrst-child { |
| 50 color: red; |
| 51 } |
| 52 p:fırst-child { |
| 53 color: red; |
| 54 } |
| 55 :linK { |
| 56 color: red; |
| 57 } |
| 58 </style> |
| 59 |
| 60 </head> |
| 61 <body> |
| 62 <p>This sentence must be green.</p> |
| 63 <p><a href="">This sentence must be green.</a></p> |
| 64 <p><a href="unvisited:link">This sentence must be green.</a></p> |
| 65 <p lang="en">This sentence must be green.</p> |
| 66 <p class="flin">This sentence must be green.</p> |
| 67 <p class="flet">T<span>his sentence must be green.</span></p> |
| 68 <p class="bef"></p> |
| 69 <p class="af"></p> |
| 70 </body> |
| 71 </html> |
OLD | NEW |