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
23 lines (23 loc) · 1.07 KB

File metadata and controls

23 lines (23 loc) · 1.07 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
<!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>Substring matching attribute selector (end)</title>
<style type="text/css"><![CDATA[p { background-color : red }
p[title$="bar"] { background-color : lime }]]></style>
<link rel="author" title="Daniel Glazman" href="http://glazman.org/"/>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
<link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors"/> <!-- bogus link to make sure it gets found -->
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<p id="t1" title="foobar">This paragraph should have a green background because
its title attribute ends with &quot;bar&quot;</p>
<script><![CDATA[
test(function() {
const t1 = document.getElementById("t1");
assert_equals(getComputedStyle(t1).backgroundColor, "rgb(0, 255, 0)");
}, "Substring matching attribute selector (end)");
]]></script>
</body>
</html>
Morty Proxy This is a proxified and sanitized view of the page, visit original site.