Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / css / first-line-style-for-before-after-content-expected.html
blob5c4ffff4e0e9bebde326d85b042aaa7d129efb03
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 p {
6 width: 200px;
8 .firstline {
9 color: green;
11 .firstletter {
12 color: blue;
14 </style>
15 </head>
16 <body>
17 <div>Test for Bugzilla <a href="https://bugs.webkit.org/show_bug.cgi?id=80794">Bug 80794</a>: :first-line pseudo selector ignoring words created from :before.</div>
18 <div>The :first-line pseudo-element style is not applied to content generated from :before/:after pseudo-elements.</div>
19 <br>
21 <div>In the following paragraph the first-letter should be displayed in blue color and the first-line in green color including the words 'The first line'. This test verifies the behavior with :before style specified on a block flow element.</div>
22 <p><span class="firstletter">T</span><span class="firstline">he first line of this paragraph</span> should be displayed in green color.</p>
24 <div>In the following paragraph the first-letter should be displayed in blue color and the first-line in green color including the words 'The first line'. This test verifies the behavior with :before style specified on an inline element.</div>
25 <p><span class="firstletter">T</span><span class="firstline">he first line of this paragraph</span> should be displayed in green color.</p>
27 <div>In the following paragraph the first-letter should be displayed in blue color and the first-line in green color including the words 'in green color.'. This test verifies the behavior with :after style specified on a block flow element.</div>
28 <p><span class="firstletter">D</span><span class="firstline">isplay in green color.</span></p>
30 <div>In the following paragraph the first-letter should be displayed in blue color and the first-line in green color including the words 'in green color.'. This test verifies the behavior with :after style specified on an inline element.</div>
31 <p><span class="firstletter">D</span><span class="firstline">isplay in green color.</span></p>
32 </body>
33 </html>