first-letter-exclude-block-child-marker-ref.html (1019B)
1 <!DOCTYPE HTML> 2 <title>Reference: A child's ::marker should be excluded when finding the ::first-letter content</title> 3 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 4 <style> 5 body { margin-left: 5em; font-size: 12px; } 6 li, o { list-style-position: inside } 7 li:first-child > * { list-style-type: lower-alpha; list-style-type: 'marker ' } 8 li:last-child > ::marker { content: 'marker ' } 9 span, o { display:list-item; } 10 first-letter { color: green } 11 </style> 12 <ol> 13 <li><span><first-letter>i</first-letter>tem</span>after</li> 14 <li><span><first-letter>i</first-letter>tem</span></span>after</li> 15 </ol> 16 <ul> 17 <li><span><first-letter>i</first-letter>tem</span>after</li> 18 <li><span><first-letter>i</first-letter>tem</span></span>after</li> 19 </ul> 20 <ol> 21 <li><o><first-letter>i</first-letter>tem</o>after</li> 22 <li><o><first-letter>i</first-letter>tem</o>after</li> 23 </ol> 24 <ul> 25 <li><o><first-letter>i</first-letter>tem</o>after</li> 26 <li><o><first-letter>i</first-letter>tem</o>after</li> 27 </ul>