Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Latest commit

 

History

History
History
28 lines (28 loc) · 1.42 KB

File metadata and controls

28 lines (28 loc) · 1.42 KB
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>::first-line pseudo-element</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="common.js"></script>
<style type="text/css"><![CDATA[p:first-line { background-color : lime }
]]></style>
<link rel="author" title="Daniel Glazman" href="http://glazman.org/"/>
<link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors"/> <!-- bogus link to make sure it gets found -->
</head>
<body>
<p id="t1">This very long paragraph should have a
first line with green background. This very long paragraph should have a first
line with green background. This very long paragraph should have a first line
with green background. This very long paragraph should have a first line with
green background. This very long paragraph should have a first line with green
background. This very long paragraph should have a first line with green background.
This very long paragraph should have a first line with green background.</p>
<script><![CDATA[
test(function() {
const t1 = document.getElementById('t1');
assert_equals(getComputedStyle(t1, '::first-line').backgroundColor, LIME);
}, '::first-line background-color should be lime');
]]></script>
</body>
</html>
Morty Proxy This is a proxified and sanitized view of the page, visit original site.