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 |