35 lines
1.9 KiB
HTML
35 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
p {
|
|
width: 200px;
|
|
}
|
|
.firstline {
|
|
color: green;
|
|
}
|
|
.firstletter {
|
|
color: blue;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<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>
|
|
<div>The :first-line pseudo-element style is not applied to content generated from :before/:after pseudo-elements.</div>
|
|
<br>
|
|
|
|
<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>
|
|
<p><span class="firstletter">T</span><span class="firstline">he first line of this paragraph</span> should be displayed in green color.</p>
|
|
|
|
<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>
|
|
<p><span class="firstletter">T</span><span class="firstline">he first line of this paragraph</span> should be displayed in green color.</p>
|
|
|
|
<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>
|
|
<p><span class="firstletter">D</span><span class="firstline">isplay in green color.</span></p>
|
|
|
|
<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>
|
|
<p><span class="firstletter">D</span><span class="firstline">isplay in green color.</span></p>
|
|
</body>
|
|
</html>
|
|
|