first-letter-selector-028.xht (1235B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <!-- 8 Inspired by 9 Bug 214004 - ::first-letter isn't applied if first letter is inside a child block 10 https://bugzilla.mozilla.org/show_bug.cgi?id=214004 11 --> 12 13 <title>CSS Test: First-letter - in-flow block descendant that contains text</title> 14 15 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 16 <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" title="5.12.2 The :first-letter pseudo-element" /> 17 <link rel="match" href="first-letter-selector-028-ref.xht" /> 18 19 <meta name="assert" content="The :first-letter pseudo-element can be used and will apply onto in-flow block descendant that contains text." /> 20 21 <style type="text/css"><![CDATA[ 22 div {color: white;} 23 24 div#test:first-letter, span#reference 25 { 26 color: blue; 27 font-size: 3em; 28 } 29 ]]></style> 30 31 </head> 32 33 <body> 34 35 <p>Test passes if there are 2 identical big blue "A" letters.</p> 36 37 <div id="test"> 38 <div>Adivtest</div> 39 </div> 40 41 <div><span id="reference">A</span>spanref</div> 42 43 </body> 44 </html>