first-letter-exclude-inline-child-marker.html (1184B)
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-inline-child-marker-ref.html"> 6 <style> 7 body { margin-left: 5em; } 8 li, span, ibi { list-style-position: inside } 9 li::first-letter { color: green } 10 li:first-child > * { list-style-type: 'marker ' } 11 li:last-child > ::marker { content: 'marker ' } 12 span { display:inline list-item; } 13 ibi { display:inline flow-root list-item; } 14 ibo { display:inline flow-root list-item; list-style-position: outside; } 15 </style> 16 <ol> 17 <li><span>item</span>after</li> 18 <li><span>item</span>after</li> 19 </ol> 20 <ul> 21 <li><span>item</span>after</li> 22 <li><span>item</span>after</li> 23 </ul> 24 <ol> 25 <li><ibi>item</ibi>after</li> 26 <li><ibi>item</ibi>after</li> 27 </ol> 28 <ul> 29 <li><ibi>item</ibi>after</li> 30 <li><ibi>item</ibi>after</li> 31 </ul> 32 <ol> 33 <li><ibo>item</ibo>after</li> 34 <li><ibo>item</ibo>after</li> 35 </ol> 36 <ul> 37 <li><ibo>item</ibo>after</li> 38 <li><ibo>item</ibo>after</li> 39 </ul>