deep-pseudo-element-remove-update.html (821B)
1 <!DOCTYPE html> 2 <title>CSS Lists Test: counters updated when parent element of element with counter operation on its pseudo element is removed</title> 3 <link rel="help" href="https://drafts.csswg.org/css-lists/#inheriting-counters"> 4 <link rel="match" href="deep-pseudo-element-remove-update-ref.html"> 5 <style> 6 .container { 7 counter-reset: plm-table 0; 8 } 9 10 .numbered span::after { 11 content: counter(plm-table); 12 counter-increment: plm-table; 13 } 14 </style> 15 <div class="container"> 16 <div class="numbered a"><span></span>A</div> 17 <div class="numbered b"><span></span>B</div> 18 <div id="target" class="numbered d"><span></span>D</div> 19 <div class="numbered c"><span></span>C</div> 20 <div class="numbered e"><span></span>E</div> 21 </div> 22 <script> 23 document.documentElement.offsetTop; 24 target.remove(); 25 </script>