mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-12 14:20:14 +02:00
ee167d714d
Automatic update from web-platform-tests Create test for style of intersecting pseudo-elements Adds new WPT reftest testing the styling of ::before and ::after pseudo-elements within a ::first-line pseudo-element. This currently fails in chromium and passes in firefox. Bug: 892983 Change-Id: If15b4004b8091fa0871e580dc2f059a69174546a -- wpt-commits: bd66eaf4732572de37bbd163842ac060bfe37f84 wpt-pr: 20101
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>
|