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