first-letter-selector-015.xht (1297B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: First-letter with img alt text</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" /> 7 <meta name="flags" content="image" /> 8 <meta name="assert" content="The ':first-letter' pseudo-element can be used with all such elements that contain text, or that have a descendant in the same flow that contains text." /> 9 <style type="text/css"> 10 div:first-letter 11 { 12 color: green; 13 } 14 </style> 15 </head> 16 <body> 17 <p>Test passes if one and ony one of the following cases are true:</p> 18 <ul> 19 <li>If the two words "Missing image" are shown and the capital "M" is green.</li> 20 <li>If a missing image icon is shown and the text "Missing image" is shown.</li> 21 <li>If only a missing image icon is shown.</li> 22 <li>If nothing is rendered below.</li> 23 </ul> 24 <div> 25 <img src="#" alt="Missing image" /> 26 </div> 27 </body> 28 </html>