first-letter-exclude-block-child-marker.html (934B)
1 <!DOCTYPE HTML> 2 <title>CSS Test: 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 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#application-in-css"> 5 <link rel="match" href="first-letter-exclude-block-child-marker-ref.html"> 6 <style> 7 body { margin-left: 5em; font-size: 12px; } 8 li, o { list-style-position: inside } 9 li::first-letter { color: green } 10 li:first-child > * { list-style-type: lower-alpha; list-style-type: 'marker ' } 11 li:last-child > ::marker { content: 'marker ' } 12 span, o { display:list-item; } 13 </style> 14 <ol> 15 <li><span>item</span>after</li> 16 <li><span>item</span>after</li> 17 </ol> 18 <ul> 19 <li><span>item</span>after</li> 20 <li><span>item</span>after</li> 21 </ul> 22 <ol> 23 <li><o>item</o>after</li> 24 <li><o>item</o>after</li> 25 </ol> 26 <ul> 27 <li><o>item</o>after</li> 28 <li><o>item</o>after</li> 29 </ul>