323656-4.html (790B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Test inheritance through first-letter</title> 5 <style> 6 .f2 > * { color: blue } 7 .f2::first-letter { color: green } 8 </style> 9 <script> 10 function make(str) { 11 return document.createElement(str); 12 } 13 14 window.onload = function() { 15 var x = document.getElementById("d1"); 16 var y = make("span"); 17 y.appendChild(document.createTextNode("ABC")); 18 x.appendChild(y); 19 20 x = document.getElementById("d2"); 21 y = make("span"); 22 x.appendChild(y); 23 y.appendChild(document.createTextNode("ABC")); 24 } 25 </script> 26 <body> 27 <div class="f2"><span>ABC</span></div> 28 <div class="f2" id="d1"></div> 29 <div class="f2" id="d2"></div> 30 </body> 31 </html>