495385-2d.html (805B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <!-- Test that before/after generated content stops suppression correctly, 5 both statically and dynamically --> 6 <style> 7 body > div { border:1px solid black; margin:1em; 8 font-family:sans-serif; letter-spacing:2px; } 9 #d1:before { content:"Hello"; } 10 #d2:after { content:"Kitty"; } 11 #d3.c:before { content:"Hello"; } 12 #d4.c:after { content:"Kitty"; } 13 </style> 14 <script> 15 function loaded() { 16 document.body.offsetHeight; 17 document.getElementById("d3").setAttribute("class", "c"); 18 document.getElementById("d4").setAttribute("class", "c"); 19 } 20 </script> 21 </head> 22 <body onload="loaded()"> 23 <div id="d1"> <span>Kitty</span></div> 24 <div id="d2"><span>Hello</span> </div> 25 <div id="d3"> <span>Kitty</span></div> 26 <div id="d4"><span>Hello</span> </div> 27 </body> 28 </html>