case-sensitive-003.xht (1774B)
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.net/"/> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/> 7 <link rel="match" href="case-sensitive-003-ref.xht"/> 8 <meta name="assert" content="Pseudo-class and pseudo-element names are ASCII 9 case-insensitive."/> 10 <style type="text/css"> 11 * { color: red; } 12 *:before, *:after { color: red; } 13 14 p:FiRSt-cHIlD { 15 color: green; 16 } 17 18 :LinK, :viSiTed { 19 color: green; 20 text-decoration: none; 21 font: inherit; 22 } 23 24 :lAnG(en) { 25 color: green; 26 } 27 28 .flin { 29 white-space: nowrap; 30 } 31 .flin:fIrsT-LinE { 32 color: green; 33 } 34 35 .flet span { 36 color: green; 37 } 38 .flet:fIRst-LEttEr { 39 color: green; 40 } 41 42 .bef:before, .af:after { 43 content: "This sentence must be green."; 44 } 45 .bef:BeFoRe, .af:aFtEr { 46 color: green; 47 } 48 49 /* test for ASCII (not UNICODE) case-insensitivity */ 50 p:fİrst-child { 51 color: red; 52 } 53 p:fırst-child { 54 color: red; 55 } 56 :linK { 57 color: red; 58 } 59 </style> 60 61 </head> 62 <body> 63 <p>This sentence must be green.</p> 64 <p><a href="">This sentence must be green.</a></p> 65 <p><a href="unvisited:link">This sentence must be green.</a></p> 66 <p lang="en">This sentence must be green.</p> 67 <p class="flin">This sentence must be green.</p> 68 <p class="flet">T<span>his sentence must be green.</span></p> 69 <p class="bef"></p> 70 <p class="af"></p> 71 </body> 72 </html>