display-contents-shadow-dom-1-ref.html (1436B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html> 7 <head> 8 <title>Reference: CSS display:contents; in Shadow DOM</title> 9 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=907396"> 10 <style> 11 html,body { 12 color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0; 13 } 14 15 span { color:blue; } 16 </style> 17 </head> 18 <body> 19 <div>X 1 c</div> 20 <div>a 2 c</div> 21 <div>a 3 Y</div> 22 <div>X 4 Y</div> 23 <div>a 5 Y</div> 24 <div>X <span>6</span> c</div> 25 <div>a <span>7</span> c</div> 26 <div>a <span>8</span> Y</div> 27 <div>X <span>9</span> Y</div> 28 <div>a <span>A</span> Y</div> 29 <div>a <span>1 2</span> B</div> 30 <div>A <span>a 1 2 c</span> B</div> 31 <div>A <span>a 1 a 2 ca 3 c</span> B</div> 32 <div>A <span>a 1 c a 2 c</span> B</div> 33 <div>X <span>a 1 c a 2 c</span> B</div> 34 <div><span>1a 2 c</span></div> 35 <div><span>a 1 c2</span></div> 36 <div>A<span>b</span>c</div> 37 <div>A<span>b</span>c</div> 38 <div><span>b c</span>d</div> 39 <div><span>a </span>b</div> 40 <div><b>One</b><i>Two</i></div> 41 <div><b>One</b><i>Two</i></div> 42 <div><b>One</b><i>Two</i></div> 43 <div><b>One</b><i>Two</i></div> 44 <b style="color:blue">One</b><i style="color:blue">Two</i>Three 45 <div></div> 46 <b style="color:green">V</b> 47 </body> 48 </html>