mirror of
https://github.com/servo/servo.git
synced 2025-06-27 18:43:40 +01:00
28 lines
705 B
HTML
28 lines
705 B
HTML
<!DOCTYPE html>
|
|
<title>::before and ::after styles should apply inside ::first-line</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#generated-content">
|
|
<link rel="match" href="first-line-with-before-after-ref.html">
|
|
<style>
|
|
#target::first-line {
|
|
font-size: 150%;
|
|
}
|
|
#target::before, #child2::before {
|
|
content: "red ";
|
|
color: red;
|
|
}
|
|
#child1, #child2 {
|
|
color: green;
|
|
}
|
|
#child1::after, #target::after {
|
|
content: " blue";
|
|
color: blue;
|
|
}
|
|
</style>
|
|
|
|
<div id="target">
|
|
<span id='child1'>green</span>
|
|
<br />
|
|
<span id='child2'>green</span>
|
|
</div>
|
|
|
|
<p>Both lines above (inside and outside <code>::first-line</code>) should have the same colors.</p>
|