| OLD | NEW |
| 1 <html> | 1 <!DOCTYPE html> |
| 2 <head> | 2 <style> |
| 3 <style type="text/css"> | 3 .b::before { |
| 4 <!-- | 4 content: '[before]'; |
| 5 .b:before { | 5 color: blue; |
| 6 content: '[before]'; | 6 } |
| 7 } | 7 .a::after { |
| 8 .a:after { | 8 content: '[after]'; |
| 9 content: '[after]'; | 9 } |
| 10 } | 10 span { |
| 11 --> | 11 color: blue; |
| 12 </style> | 12 } |
| 13 </head> | 13 rt { |
| 14 <body> | 14 background: yellow; |
| 15 <p>Tests that CSS-generated :before or :after content doesn't intrude into ruby
bases.</p> | 15 } |
| 16 </p>Foo <ruby class="b">b<rt>long text</rt></ruby> Bar<br></p> | 16 </style> |
| 17 </p>Foo <ruby class="a">b<rt>long text</rt></ruby> Bar<br></p> | 17 <p>Tests that CSS-generated :before or :after content just appear as |
| 18 </p>Foo <ruby class="b a">b<rt>long text</rt></ruby> Bar<br></p> | 18 if they were the first or last DOM child of the ruby element.</p> |
| 19 </body> | 19 <p>The blue text should have annotations above them (yellow background).</p> |
| 20 </html> | 20 </p>Foo <ruby class="b"><span>b</span><rt>long text</rt></ruby> Bar<br></p> |
| 21 </p>Foo <ruby class="a"><span>b</span><rt>long text</rt></ruby> Bar<br></p> |
| 22 </p>Foo <ruby class="b a"><span>b</span><rt>long text</rt></ruby> Bar<br></p> |
| OLD | NEW |