Update CSS tests to revision 7d0ff6117ee51720c307ea24d413d13eb5abf3e6

This commit is contained in:
Ms2ger 2016-03-01 16:08:43 +01:00
parent 40c52d55e2
commit 349c75536d
7391 changed files with 304135 additions and 153491 deletions

View file

@ -0,0 +1,57 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Introduction - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Introduction (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#context">1 Introduction</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#dependencies">1.1 Dependencies</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#terminology">1.2 Terminology</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1.3">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#changesFromCSS2">1.3 Changes from CSS2</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>The grammar of Selectors - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>The grammar of Selectors (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#w3cselgrammar">10 The grammar of Selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#grammar">10.1 Grammar</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#lex">10.2 Lexical scanner</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.2.#x3">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Profiles - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Profiles (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s11">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#profiling">11 Profiles</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Conformance and requirements - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Conformance and requirements (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s12">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#Conformance">12 Conformance and requirements</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Tests - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Tests (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s13">
<tr><th colspan="4" scope="rowgroup">
<a href="#s13">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#Tests">13 Tests</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Acknowledgements - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Acknowledgements (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s14">
<tr><th colspan="4" scope="rowgroup">
<a href="#s14">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#ACKS">14 Acknowledgements</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,117 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>References - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>References (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s15">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#references">15 References</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s15.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#normative-references">15.1 Normative References</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s15.1.#CSS21">
<!-- 0 tests -->
</tbody>
<tbody id="s15.1.#CSS3NAMESPACE">
<!-- 0 tests -->
</tbody>
<tbody id="s15.1.#FLEX">
<!-- 0 tests -->
</tbody>
<tbody id="s15.1.#UNICODE">
<!-- 0 tests -->
</tbody>
<tbody id="s15.1.#YACC">
<!-- 0 tests -->
</tbody>
<tbody id="s15.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s15.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#informative-references">15.2 Informative References</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s15.2.#BCP47">
<!-- 0 tests -->
</tbody>
<tbody id="s15.2.#CSS1">
<!-- 0 tests -->
</tbody>
<tbody id="s15.2.#DOM-LEVEL-3-CORE">
<!-- 0 tests -->
</tbody>
<tbody id="s15.2.#HTML401">
<!-- 0 tests -->
</tbody>
<tbody id="s15.2.#MATHML">
<!-- 0 tests -->
</tbody>
<tbody id="s15.2.#STTS3">
<!-- 0 tests -->
</tbody>
<tbody id="s15.2.#SVG11">
<!-- 0 tests -->
</tbody>
<tbody id="s15.2.#UAX29">
<!-- 0 tests -->
</tbody>
<tbody id="s15.2.#XML-NAMES">
<!-- 0 tests -->
</tbody>
<tbody id="s15.2.#XML10">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#editors-list">
<!-- 0 tests -->
</tbody>
<tbody id="s.#longstatus-date">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<!-- 0 tests -->
</tbody>
<tbody id="s.#title">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Selectors - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Selectors (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#selectors">2 Selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Case sensitivity - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Case sensitivity (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#casesens">3 Case sensitivity</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,83 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Selector syntax - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Selector syntax (1 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#selector-syntax">4 Selector syntax</a></th></tr>
<!-- 1 tests -->
<tr id="root-siblings-4" class="primary">
<td><strong>
<a href="root-siblings.htm">root-siblings</a></strong></td>
<td><a href="reference/ref-this-text-should-be-green.htm">=</a> </td>
<td></td>
<td>Parsing check for * ~ :root error handling
<ul class="assert">
<li>* ~ :root should not match anything</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s4.#combinators0">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#declared">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#nsdecl">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#selector">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#sequence">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#sequence-of-simple-selectors">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#simple-selector">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#simple-selectors-dfn">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#subject">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#subjects-of-the-selector">
<!-- 0 tests -->
</tbody>
<tbody id="s4.#whitespace">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Groups of selectors - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Groups of selectors (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#grouping">5 Groups of selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,606 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Simple selectors - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Simple selectors (42 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#simple-selectors">6 Simple selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#type-selectors">6.1 Type selector</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#type-selector">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#typenmsp">6.1.1 Type selectors and namespaces</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#universal-selector">6.2 Universal selector</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#universal-selector0">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#univnmsp">6.2.1 Universal selector and namespaces</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#attribute-selectors">6.3 Attribute selectors</a></th></tr>
<!-- 28 tests -->
<tr id="css3-selectors-lang-021-6.3" class="script">
<td>
<a href="css3-selectors-lang-021.htm">css3-selectors-lang-021</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;es&quot;], lang=&quot;es&quot;
</td>
</tr>
<tr id="css3-selectors-lang-022-6.3" class="script">
<td>
<a href="css3-selectors-lang-022.htm">css3-selectors-lang-022</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;es&quot;], lang=&quot;es&quot; on parent
</td>
</tr>
<tr id="css3-selectors-lang-024-6.3" class="HTMLonly script">
<td>
<a href="css3-selectors-lang-024.htm">css3-selectors-lang-024</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;es&quot;], lang=&quot;ES&quot;
</td>
</tr>
<tr id="css3-selectors-lang-025-6.3" class="script">
<td>
<a href="css3-selectors-lang-025.htm">css3-selectors-lang-025</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;es&quot;], lang=&quot;es-MX&quot;
</td>
</tr>
<tr id="css3-selectors-lang-026-6.3" class="script">
<td>
<a href="css3-selectors-lang-026.htm">css3-selectors-lang-026</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;es-MX&quot;], lang=&quot;es&quot;
</td>
</tr>
<tr id="css3-selectors-lang-027-6.3" class="script">
<td>
<a href="css3-selectors-lang-027.htm">css3-selectors-lang-027</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;es&quot;], lang=&quot;mx-es&quot;
</td>
</tr>
<tr id="css3-selectors-lang-028-6.3" class="script">
<td>
<a href="css3-selectors-lang-028.htm">css3-selectors-lang-028</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;en-GB&quot;], lang=&quot;en-GB&quot;
</td>
</tr>
<tr id="css3-selectors-lang-029-6.3" class="script">
<td>
<a href="css3-selectors-lang-029.htm">css3-selectors-lang-029</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;en-GB&quot;], lang=&quot;en-GB-scouse&quot;
</td>
</tr>
<tr id="css3-selectors-lang-030-6.3" class="script">
<td>
<a href="css3-selectors-lang-030.htm">css3-selectors-lang-030</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;en-GB&quot;], lang=&quot;en-US&quot;
</td>
</tr>
<tr id="css3-selectors-lang-031-6.3" class="script">
<td>
<a href="css3-selectors-lang-031.htm">css3-selectors-lang-031</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;az-Arab-IR&quot;], lang=&quot;az-Arab-IR&quot;
</td>
</tr>
<tr id="css3-selectors-lang-032-6.3" class="script">
<td>
<a href="css3-selectors-lang-032.htm">css3-selectors-lang-032</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;az-Arab-IR&quot;], lang=&quot;az-IR&quot;
</td>
</tr>
<tr id="css3-selectors-lang-034-6.3" class="script">
<td>
<a href="css3-selectors-lang-034.htm">css3-selectors-lang-034</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;cs-CZ&quot;], lang=&quot;cs-Latn-CZ&quot;
</td>
</tr>
<tr id="css3-selectors-lang-035-6.3" class="HTMLonly script">
<td>
<a href="css3-selectors-lang-035.htm">css3-selectors-lang-035</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;az-Arab-IR&quot;], lang=&quot;az-arab-IR&quot;
</td>
</tr>
<tr id="css3-selectors-lang-036-6.3" class="HTMLonly script">
<td>
<a href="css3-selectors-lang-036.htm">css3-selectors-lang-036</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang|=&quot;es&quot;], xml:lang=&quot;es&quot; (html)
</td>
</tr>
<tr id="css3-selectors-lang-041-6.3" class="script">
<td>
<a href="css3-selectors-lang-041.htm">css3-selectors-lang-041</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;es&quot;], lang=&quot;es&quot;
</td>
</tr>
<tr id="css3-selectors-lang-042-6.3" class="script">
<td>
<a href="css3-selectors-lang-042.htm">css3-selectors-lang-042</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;es&quot;], lang=&quot;es&quot; on parent
</td>
</tr>
<tr id="css3-selectors-lang-044-6.3" class="HTMLonly script">
<td>
<a href="css3-selectors-lang-044.htm">css3-selectors-lang-044</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;es&quot;], lang=&quot;ES&quot;
</td>
</tr>
<tr id="css3-selectors-lang-045-6.3" class="script">
<td>
<a href="css3-selectors-lang-045.htm">css3-selectors-lang-045</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;es&quot;], lang=&quot;es-MX&quot;
</td>
</tr>
<tr id="css3-selectors-lang-046-6.3" class="script">
<td>
<a href="css3-selectors-lang-046.htm">css3-selectors-lang-046</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;es-MX&quot;], lang=&quot;es&quot;
</td>
</tr>
<tr id="css3-selectors-lang-047-6.3" class="script">
<td>
<a href="css3-selectors-lang-047.htm">css3-selectors-lang-047</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;es&quot;], lang=&quot;mx-es&quot;
</td>
</tr>
<tr id="css3-selectors-lang-048-6.3" class="script">
<td>
<a href="css3-selectors-lang-048.htm">css3-selectors-lang-048</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;en-GB&quot;], lang=&quot;en-GB&quot;
</td>
</tr>
<tr id="css3-selectors-lang-049-6.3" class="script">
<td>
<a href="css3-selectors-lang-049.htm">css3-selectors-lang-049</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;en-GB&quot;], lang=&quot;en-GB-scouse&quot;
</td>
</tr>
<tr id="css3-selectors-lang-050-6.3" class="script">
<td>
<a href="css3-selectors-lang-050.htm">css3-selectors-lang-050</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;en-GB&quot;], lang=&quot;en-US&quot;
</td>
</tr>
<tr id="css3-selectors-lang-051-6.3" class="script">
<td>
<a href="css3-selectors-lang-051.htm">css3-selectors-lang-051</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;az-Arab-IR&quot;], lang=&quot;az-Arab-IR&quot;
</td>
</tr>
<tr id="css3-selectors-lang-052-6.3" class="script">
<td>
<a href="css3-selectors-lang-052.htm">css3-selectors-lang-052</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;az-Arab-IR&quot;], lang=&quot;az-IR&quot;
</td>
</tr>
<tr id="css3-selectors-lang-054-6.3" class="script">
<td>
<a href="css3-selectors-lang-054.htm">css3-selectors-lang-054</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;cs-CZ&quot;], lang=&quot;cs-Latn-CZ&quot;
</td>
</tr>
<tr id="css3-selectors-lang-055-6.3" class="HTMLonly script">
<td>
<a href="css3-selectors-lang-055.htm">css3-selectors-lang-055</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;az-Arab-IR&quot;], lang=&quot;az-arab-IR&quot;
</td>
</tr>
<tr id="css3-selectors-lang-056-6.3" class="HTMLonly script">
<td>
<a href="css3-selectors-lang-056.htm">css3-selectors-lang-056</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>[lang=&quot;es&quot;], xml:lang=&quot;es&quot; (html)
</td>
</tr>
</tbody>
<tbody id="s6.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#attribute-representation">6.3.1 Attribute presence and value selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#attribute-substrings">6.3.2 Substring matching attribute selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.3">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#attrnmsp">6.3.3 Attribute selectors and namespaces</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3.4">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#def-values">6.3.4 Default attribute values in DTDs</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.4">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#class-html">6.4 Class selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.5">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#id-selectors">6.5 ID selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#pseudo-classes">6.6 Pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#dynamic-pseudos">6.6.1 Dynamic pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.1.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#the-link-pseudo-classes-link-and-visited">6.6.1.1 The link pseudo-classes: :link and :visited</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.1.1.#link">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.1.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act">6.6.1.2 The user action pseudo-classes :hover, :active, and :focus</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.1.2.#useraction-pseudos">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#target-pseudo">6.6.2 The target pseudo-class :target</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.3">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#lang-pseudo">6.6.3 The language pseudo-class :lang</a></th></tr>
<!-- 14 tests -->
<tr id="css3-selectors-lang-001-6.6.3" class="script">
<td>
<a href="css3-selectors-lang-001.htm">css3-selectors-lang-001</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(es), lang=&quot;es&quot;
</td>
</tr>
<tr id="css3-selectors-lang-002-6.6.3" class="script">
<td>
<a href="css3-selectors-lang-002.htm">css3-selectors-lang-002</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(es), lang=&quot;es&quot; on parent
</td>
</tr>
<tr id="css3-selectors-lang-004-6.6.3" class="HTMLonly script">
<td>
<a href="css3-selectors-lang-004.htm">css3-selectors-lang-004</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(es), lang=&quot;ES&quot;
</td>
</tr>
<tr id="css3-selectors-lang-005-6.6.3" class="script">
<td>
<a href="css3-selectors-lang-005.htm">css3-selectors-lang-005</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(es), lang=&quot;es-MX&quot;
</td>
</tr>
<tr id="css3-selectors-lang-006-6.6.3" class="script">
<td>
<a href="css3-selectors-lang-006.htm">css3-selectors-lang-006</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(es-MX), lang=&quot;es&quot;
</td>
</tr>
<tr id="css3-selectors-lang-007-6.6.3" class="script">
<td>
<a href="css3-selectors-lang-007.htm">css3-selectors-lang-007</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(es), lang=&quot;mx-es&quot;
</td>
</tr>
<tr id="css3-selectors-lang-008-6.6.3" class="script">
<td>
<a href="css3-selectors-lang-008.htm">css3-selectors-lang-008</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(en-GB), lang=&quot;en-GB&quot;
</td>
</tr>
<tr id="css3-selectors-lang-009-6.6.3" class="script">
<td>
<a href="css3-selectors-lang-009.htm">css3-selectors-lang-009</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(en-GB), lang=&quot;en-GB-scouse&quot;
</td>
</tr>
<tr id="css3-selectors-lang-010-6.6.3" class="script">
<td>
<a href="css3-selectors-lang-010.htm">css3-selectors-lang-010</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(en-GB), lang=&quot;en-US&quot;
</td>
</tr>
<tr id="css3-selectors-lang-011-6.6.3" class="script">
<td>
<a href="css3-selectors-lang-011.htm">css3-selectors-lang-011</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(az-Arab-IR), lang=&quot;az-Arab-IR&quot;
</td>
</tr>
<tr id="css3-selectors-lang-012-6.6.3" class="script">
<td>
<a href="css3-selectors-lang-012.htm">css3-selectors-lang-012</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(az-Arab-IR), lang=&quot;az-IR&quot;
</td>
</tr>
<tr id="css3-selectors-lang-014-6.6.3" class="script">
<td>
<a href="css3-selectors-lang-014.htm">css3-selectors-lang-014</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(cs-CZ), lang=&quot;cs-Latn-CZ&quot;
</td>
</tr>
<tr id="css3-selectors-lang-015-6.6.3" class="HTMLonly script">
<td>
<a href="css3-selectors-lang-015.htm">css3-selectors-lang-015</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(az-Arab-IR), lang=&quot;az-arab-IR&quot;
</td>
</tr>
<tr id="css3-selectors-lang-016-6.6.3" class="HTMLonly script">
<td>
<a href="css3-selectors-lang-016.htm">css3-selectors-lang-016</a></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>:lang(es), xml:lang=&quot;es&quot; (html)
</td>
</tr>
</tbody>
<tbody id="s6.6.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.4">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#UIstates">6.6.4 The UI element states pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.4.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#enableddisabled">6.6.4.1 The :enabled and :disabled pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.4.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#checked">6.6.4.2 The :checked pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.4.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.4.3">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#indeterminate">6.6.4.3 The :indeterminate pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#structural-pseudos">6.6.5 Structural pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.#structural-pseudo-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#root-pseudo">6.6.5.1 :root pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#nth-child-pseudo">6.6.5.2 :nth-child() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.3">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#nth-last-child-pseudo">6.6.5.3 :nth-last-child() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.4">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#nth-of-type-pseudo">6.6.5.4 :nth-of-type() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.5">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#nth-last-of-type-pseudo">6.6.5.5 :nth-last-of-type() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.6">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#first-child-pseudo">6.6.5.6 :first-child pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.7">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#last-child-pseudo">6.6.5.7 :last-child pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.8">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#first-of-type-pseudo">6.6.5.8 :first-of-type pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.9">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#last-of-type-pseudo">6.6.5.9 :last-of-type pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.10">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#only-child-pseudo">6.6.5.10 :only-child pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.11">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.11">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#only-of-type-pseudo">6.6.5.11 :only-of-type pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.5.12">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.5.12">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#empty-pseudo">6.6.5.12 :empty pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.6">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#content-selectors">6.6.6 Blank</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.6.7">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#negation">6.6.7 The negation pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,219 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Pseudo-elements - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Pseudo-elements (12 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#pseudo-elements">7 Pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#first-line">7.1 The ::first-line pseudo-element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.1.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#first-formatted-line">7.1.1 First formatted line definition in CSS</a></th></tr>
<!-- 6 tests -->
<tr id="grid-first-line-001-7.1.1" class="">
<td>
<a href="grid-first-line-001.htm">grid-first-line-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' from grid container does not apply to grid items
<ul class="assert">
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.</li>
</ul>
</td>
</tr>
<tr id="grid-first-line-002-7.1.1" class="">
<td>
<a href="grid-first-line-002.htm">grid-first-line-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' from grid container ancestors does not apply to grid items
<ul class="assert">
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
</ul>
</td>
</tr>
<tr id="grid-first-line-003-7.1.1" class="">
<td>
<a href="grid-first-line-003.htm">grid-first-line-003</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' works on grid items
<ul class="assert">
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.</li>
</ul>
</td>
</tr>
<tr id="grid-inline-first-line-001-7.1.1" class="">
<td>
<a href="grid-inline-first-line-001.htm">grid-inline-first-line-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' from inline grid container does not apply to grid items
<ul class="assert">
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
</ul>
</td>
</tr>
<tr id="grid-inline-first-line-002-7.1.1" class="">
<td>
<a href="grid-inline-first-line-002.htm">grid-inline-first-line-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' from inline grid container ancestors does not apply to grid items
<ul class="assert">
<li>This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.</li>
</ul>
</td>
</tr>
<tr id="grid-inline-first-line-003-7.1.1" class="">
<td>
<a href="grid-inline-first-line-003.htm">grid-inline-first-line-003</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' works on grid items within an inline grid
<ul class="assert">
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s7.1.1.#first-formatted-line0">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#first-letter">7.2 The ::first-letter pseudo-element</a></th></tr>
<!-- 6 tests -->
<tr id="grid-first-letter-001-7.2" class="">
<td>
<a href="grid-first-letter-001.htm">grid-first-letter-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' from grid container does not apply to grid items
<ul class="assert">
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.</li>
</ul>
</td>
</tr>
<tr id="grid-first-letter-002-7.2" class="">
<td>
<a href="grid-first-letter-002.htm">grid-first-letter-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' from grid container ancestors does not apply to grid items
<ul class="assert">
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
</ul>
</td>
</tr>
<tr id="grid-first-letter-003-7.2" class="">
<td>
<a href="grid-first-letter-003.htm">grid-first-letter-003</a></td>
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' works on grid items
<ul class="assert">
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.</li>
</ul>
</td>
</tr>
<tr id="grid-inline-first-letter-001-7.2" class="">
<td>
<a href="grid-inline-first-letter-001.htm">grid-inline-first-letter-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' from inline grid container does not apply to grid items
<ul class="assert">
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
</ul>
</td>
</tr>
<tr id="grid-inline-first-letter-002-7.2" class="">
<td>
<a href="grid-inline-first-letter-002.htm">grid-inline-first-letter-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
<ul class="assert">
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.</li>
</ul>
</td>
</tr>
<tr id="grid-inline-first-letter-003-7.2" class="">
<td>
<a href="grid-inline-first-letter-003.htm">grid-inline-first-letter-003</a></td>
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' works on grid items within an inline grid
<ul class="assert">
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s7.2.#fictional-tag-sequence">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.#overlapping-example">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#application-in-css">7.2.1 Application in CSS</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.1.#fictional-tag-sequence0">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.3">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#selection">7.3 Blank</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.4">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#gen-content">7.4 The ::before and ::after pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,72 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Combinators - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Combinators (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#combinators">8 Combinators</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#descendant-combinators">8.1 Descendant combinator</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#child-combinators">8.2 Child combinators</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.2.#child-combinator">
<!-- 0 tests -->
</tbody>
<tbody id="s8.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.3">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#sibling-combinators">8.3 Sibling combinators</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.3.1">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#adjacent-sibling-combinators">8.3.1 Adjacent sibling combinator</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.3.2">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#general-sibling-combinators">8.3.2 General sibling combinator</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Calculating a selector's specificity - Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite</h1>
<h2>Calculating a selector's specificity (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9">+</a>
<a href="https://www.w3.org/TR/css3-selectors/#specificity">9 Calculating a selector's specificity</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(es), lang="es"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box:lang(es) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="es" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A :lang value that matches an identical lang attribute value on the same element will produce styling.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(es), lang="es" on parent</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box:lang(es) { width: 100px; }
</style>
</head>
<body>
<div lang="es" class="test"><div id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A :lang value that matches an identical lang attribute value on a parent element will produce styling.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(es), lang="ES"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="HTMLonly" name="flags">
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(es) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="ES" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A :lang value will match a lang attribute value regardless of case differences.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(es), lang="es-MX"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(es) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="es-MX" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A :lang value will match a lang attribute value when the latter contains additional subtags.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(es-MX), lang="es"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(es-MX) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="es" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A :lang value will NOT match a lang attribute value when the former contains more subtags.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(es), lang="mx-es"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(es-MX) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="mx-es" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "When the :lang value uses a single subtag, it will NOT match against an attribute value where it appears in a different position.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(en-GB), lang="en-GB"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(en-GB) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="en-GB" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A :lang value with language and region subtags will match a lang attribute value with the same subtags.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(en-GB), lang="en-GB-scouse"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(en-GB) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="en-GB-scouse" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A :lang value with a multiple subtags will match a lang attribute value with multiple subtags as long as the first part is the same.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(en-GB), lang="en-US"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(en-GB) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="en-US" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A :lang value and a lang attribute value will NOT match if their region subtags differ.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(az-Arab-IR), lang="az-Arab-IR"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(az-Arab-IR) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="az-Arab-IR" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A :lang value with language, script and region subtags will match a lang attribute value with the same language, script and region subtags.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(az-Arab-IR), lang="az-IR"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(az-Arab-IR) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="az-IR" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A :lang value with language, script and region subtags will NOT match a lang attribute value with the script subtag missing.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(cs-CZ), lang="cs-Latn-CZ"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(cs-CZ) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="cs-Latn-CZ" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A :lang value with language and region subtags will NOT match a lang attribute value with language, script and region subtags.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(az-Arab-IR), lang="az-arab-IR"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="HTMLonly" name="flags">
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(az-Arab-IR) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="az-arab-IR" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A :lang value will match a lang attribute value regardless of case differences in the script tag.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>:lang(es), xml:lang="es" (html)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#lang-pseudo" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="HTMLonly" name="flags">
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest:lang(xx) { display:none; }
#box:lang(es) { width: 100px; }
</style>
</head>
<body>
<div class="test"><div xmlU0003Alang="es" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on :lang for results, but :lang is not supported by this browser.
<!--Notes:
This tests a detail related to :lang support. If :lang is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A :lang value that matches an identical xml:lang attribute value will NOT produce styling in pages served as HTML.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="es"], lang="es"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang|='es'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="es" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang|= value that matches an identical lang attribute value on the same element will produce styling.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="es"], lang="es" on parent</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang|='es'] { width: 100px; }
</style>
</head>
<body>
<div lang="es" class="test"><div id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang|= value that matches an identical lang attribute value on the parent element will NOT produce styling.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="es"], lang="ES"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="HTMLonly" name="flags">
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='es'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div lang="ES" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang|= value will match a lang attribute value regardless of case differences.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="es"], lang="es-MX"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='es'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div lang="es-MX" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang|= value will match a lang attribute value when the latter contains additional subtags.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="es-MX"], lang="es"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='es-MX'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div lang="es" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang|= value will NOT match a lang attribute value when the former contains more subtags.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="es"], lang="mx-es"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='es'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div lang="mx-es" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "When the lang|= value uses a single subtag, it will NOT match against an attribute value where it appears in a different position.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="en-GB"], lang="en-GB"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='en-GB'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div lang="en-GB" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang|= value with language and region subtags will match a lang attribute value with the same subtags.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="en-GB"], lang="en-GB-scouse"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='en-GB'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div lang="en-GB-scouse" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang|= value with a multiple subtags will match a lang attribute value with multiple subtags as long as the first part is the same.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="en-GB"], lang="en-US"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='es-GB'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div lang="en-US" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang|= value and a lang attribute value will NOT match if their region subtags differ.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="az-Arab-IR"], lang="az-Arab-IR"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='az-Arab-IR'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div lang="az-Arab-IR" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang|= value with language, script and region subtags will match a lang attribute value with the same language, script and region subtags.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="az-Arab-IR"], lang="az-IR"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='az-Arab-IR'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div lang="az-IR" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang|= value with language, script and region subtags will NOT match a lang attribute value with the script subtag missing.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="cs-CZ"], lang="cs-Latn-CZ"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='cs-CZ'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div lang="cs-Latn-CZ" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang|= value with language and region subtags will NOT match a lang attribute value with language, script and region subtags.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="az-Arab-IR"], lang="az-arab-IR"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="HTMLonly" name="flags">
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='az-Arab-IR'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div lang="az-arab-IR" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang|= value will match a lang attribute value regardless of case differences in the script tag.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang|="es"], xml:lang="es" (html)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="HTMLonly" name="flags">
<style type="text/css">
.test div { width: 50px; }
#colonlangcontroltest { color: red; font-weight: bold; width: 400px; }
#colonlangcontroltest[lang|=xx] { display:none; }
#box[lang|='es'] { width: 100px; }
#relevance[lang|='yy'] { display:none; }
</style>
</head>
<body>
<div class="test"><div xmlU0003Alang="es" id="box">&nbsp;</div></div>
<p lang="xx" id="colonlangcontroltest">This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser.
<!--Notes:
This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail.
-->
<script>
test(function() {
assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0)
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A [lang|='es'] value that matches an identical xml:lang attribute value will NOT produce styling in pages served as HTML.");
</script>
</p><div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="es"], lang="es"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang='es'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="es" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang= value that matches an identical lang attribute value on the same element will produce styling.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="es"], lang="es" on parent</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang='es'] { width: 100px; }
</style>
</head>
<body>
<div lang="es" class="test"><div id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang|= value that matches an identical lang attribute value on the parent element will NOT produce styling.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="es"], lang="ES"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="HTMLonly" name="flags">
<style type="text/css">
.test div { width: 50px; }
#box[lang='es'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="ES" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang= value will match a lang attribute value regardless of case differences.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="es"], lang="es-MX"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang='es'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="es-MX" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang= value will NOT match a lang attribute value when the latter contains additional subtags.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="es-MX"], lang="es"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang='es-MX'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="es" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang= value will NOT match a lang attribute value when the former contains more subtags.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="es"], lang="mx-es"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang='es'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="mx-es" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "When the lang= value uses a single subtag, it will NOT match against an attribute value where it appears in a different position.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="en-GB"], lang="en-GB"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang='en-GB'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="en-GB" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang= value with language and region subtags will match a lang attribute value with the same subtags.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="en-GB"], lang="en-GB-scouse"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang='en-GB'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="en-GB-scouse" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang= value with multiple subtags will NOT match a lang attribute value with multiple subtags if the latter has more subtags, even if the first two subtags are the same.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="en-GB"], lang="en-US"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang='en-GB'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="en-US" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang= value and a lang attribute value will NOT match if their region subtags differ.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="az-Arab-IR"], lang="az-Arab-IR"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang='az-Arab-IR'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="az-Arab-IR" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang= value with language, script and region subtags will match a lang attribute value with the same language, script and region subtags.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="az-Arab-IR"], lang="az-IR"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang='az-Arab-IR'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="az-IR" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang= value with language, script and region subtags will NOT match a lang attribute value with the script subtag missing.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="cs-CZ"], lang="cs-Latn-CZ"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
.test div { width: 50px; }
#box[lang='cs-CZ'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="cs-Latn-CZ" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A lang= value with language and region subtags will NOT match a lang attribute value with language, script and region subtags.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="az-Arab-IR"], lang="az-arab-IR"</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="HTMLonly" name="flags">
<style type="text/css">
.test div { width: 50px; }
#box[lang='az-Arab-IR'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div lang="az-arab-IR" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 100);
}, "A lang= value will match a lang attribute value regardless of case differences in the script tag.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>[lang="es"], xml:lang="es" (html)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="HTMLonly" name="flags">
<style type="text/css">
.test div { width: 50px; }
#box[lang='es'] { width: 100px; }
</style>
</head>
<body>
<div class="test"><div xmlU0003Alang="es" id="box">&nbsp;</div></div>
<script>
test(function() {
assert_equals(document.getElementById('box').offsetWidth, 50);
}, "A [lang='es'] value that matches an identical xml:lang attribute value will NOT produce styling in pages served as HTML.");
</script>
<div id="log"></div>
</body></html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-letter' from grid container does not apply to grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element">
<link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.">
<style type="text/css">
.grid {
display: grid;
color: green;
}
.grid::first-letter {
color: red;
}
</style>
</head>
<body>
<div class="grid">
<div>
<p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-letter' from grid container ancestors does not apply to grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element">
<link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.">
<style type="text/css">
.grid {
display: grid;
color: green;
}
body::first-letter {
color: red;
}
</style>
</head>
<body>
<div class="grid">
<div>
<p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,30 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-letter' works on grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element">
<link rel="match" href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.">
<style type="text/css">
.grid {
display: grid;
}
.item::first-letter {
color: green;
}
</style>
</head>
<body>
<div class="grid">
<div class="item">
<p>
The <strong>first letter</strong> of this paragraph, and only that one, should be <strong>green</strong>.
In addition, body and paragraph margins should <strong>not collapse</strong>.
</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-line' from grid container does not apply to grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS">
<link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.">
<style type="text/css">
.grid {
display: grid;
color: green;
}
.grid::first-line {
color: red;
}
</style>
</head>
<body>
<div class="grid">
<div>
<p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-line' from grid container ancestors does not apply to grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS">
<link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.">
<style type="text/css">
.grid {
display: grid;
color: green;
}
body::first-line {
color: red;
}
</style>
</head>
<body>
<div class="grid">
<div>
<p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-line' works on grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS">
<link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.">
<style type="text/css">
.grid {
display: grid;
color: red;
}
.item::first-line {
color: green;
}
</style>
</head>
<body>
<div class="grid">
<div class="item">
<p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-letter' from inline grid container does not apply to grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element">
<link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.">
<style type="text/css">
.inline-grid {
display: inline-grid;
color: green;
}
.grid::first-letter {
color: red;
}
</style>
</head>
<body>
<div class="inline-grid">
<div>
<p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-letter' from inline grid container ancestors does not apply to grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element">
<link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.">
<style type="text/css">
.inline-grid {
display: inline-grid;
color: green;
}
body::first-letter {
color: red;
}
</style>
</head>
<body>
<div class="inline-grid">
<div>
<p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,30 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-letter' works on grid items within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-letter" title="7.2. The ::first-letter pseudo-element">
<link rel="match" href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.">
<style type="text/css">
.inline-grid {
display: inline-grid;
}
.item::first-letter {
color: green;
}
</style>
</head>
<body>
<div class="inline-grid">
<div class="item">
<p>
The <strong>first letter</strong> of this paragraph, and only that one, should be <strong>green</strong>.
In addition, body and paragraph margins should <strong>not collapse</strong>.
</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-line' from inline grid container does not apply to grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS">
<link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.">
<style type="text/css">
.inline-grid {
display: inline-grid;
color: green;
}
.inline-grid::first-line {
color: red;
}
</style>
</head>
<body>
<div class="inline-grid">
<div>
<p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-line' from inline grid container ancestors does not apply to grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS">
<link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.">
<style type="text/css">
.inline-grid {
display: inline-grid;
color: green;
}
body::first-line {
color: red;
}
</style>
</head>
<body>
<div class="inline-grid">
<div>
<p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: '::first-line' works on grid items within an inline grid</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-selectors/#first-formatted-line" title="7.1.1. First formatted line definition in CSS">
<link rel="match" href="reference/grid-text-green-margin-no-collapse-ref.htm">
<meta name="assert" content="This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.">
<style type="text/css">
.inline-grid {
display: inline-grid;
color: red;
}
.item::first-line {
color: green;
}
</style>
</head>
<body>
<div class="inline-grid">
<div class="item">
<p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: Reference file text first letter should be green and margins do not collapse</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<style type="text/css">
p {
/* Prevent collapsing body and paragraph margins. */
float: left;
}
.green {
color: green;
}
</style>
</head>
<body>
<p>
<span class="green">T</span>he <strong>first letter</strong> of this paragraph, and only that one, should be <strong>green</strong>.
In addition, body and paragraph margins should <strong>not collapse</strong>.
</p>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: Reference file text should be green and margins do not collapse</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<style type="text/css">
p {
color: green;
/* Prevent collapsing body and paragraph margins. */
float: left;
}
</style>
</head>
<body>
<p>This text should be <strong>green</strong> and body and paragraph margins should <strong>not collapse</strong>.</p>
</body>
</html>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<style type="text/css">
p {color: green;}
</style>
</head>
<body>
<p>This text should be green.</p>
</body>
</html>

View file

@ -0,0 +1,134 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Selectors Level 3 Conformance Test Suite Reftest Index</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite Reftest Index</h1>
<table width="100%">
<col id="test-column">
<col id="ref-column">
<col id="flags-column">
<thead>
<tr>
<th>Test</th>
<th>Reference</th>
<th>Flags</th>
</tr>
</thead>
<tbody id="grid-first-letter-001" class="">
<tr>
<td rowspan="1" title="'::first-letter' from grid container does not apply to grid items">
<a href="grid-first-letter-001.htm">grid-first-letter-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-first-letter-002" class="">
<tr>
<td rowspan="1" title="'::first-letter' from grid container ancestors does not apply to grid items">
<a href="grid-first-letter-002.htm">grid-first-letter-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-first-letter-003" class="">
<tr>
<td rowspan="1" title="'::first-letter' works on grid items">
<a href="grid-first-letter-003.htm">grid-first-letter-003</a></td>
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-first-line-001" class="">
<tr>
<td rowspan="1" title="'::first-line' from grid container does not apply to grid items">
<a href="grid-first-line-001.htm">grid-first-line-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-first-line-002" class="">
<tr>
<td rowspan="1" title="'::first-line' from grid container ancestors does not apply to grid items">
<a href="grid-first-line-002.htm">grid-first-line-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-first-line-003" class="">
<tr>
<td rowspan="1" title="'::first-line' works on grid items">
<a href="grid-first-line-003.htm">grid-first-line-003</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-inline-first-letter-001" class="">
<tr>
<td rowspan="1" title="'::first-letter' from inline grid container does not apply to grid items">
<a href="grid-inline-first-letter-001.htm">grid-inline-first-letter-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-inline-first-letter-002" class="">
<tr>
<td rowspan="1" title="'::first-letter' from inline grid container ancestors does not apply to grid items">
<a href="grid-inline-first-letter-002.htm">grid-inline-first-letter-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-inline-first-letter-003" class="">
<tr>
<td rowspan="1" title="'::first-letter' works on grid items within an inline grid">
<a href="grid-inline-first-letter-003.htm">grid-inline-first-letter-003</a></td>
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-inline-first-line-001" class="">
<tr>
<td rowspan="1" title="'::first-line' from inline grid container does not apply to grid items">
<a href="grid-inline-first-line-001.htm">grid-inline-first-line-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-inline-first-line-002" class="">
<tr>
<td rowspan="1" title="'::first-line' from inline grid container ancestors does not apply to grid items">
<a href="grid-inline-first-line-002.htm">grid-inline-first-line-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-inline-first-line-003" class="">
<tr>
<td rowspan="1" title="'::first-line' works on grid items within an inline grid">
<a href="grid-inline-first-line-003.htm">grid-inline-first-line-003</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="root-siblings" class="">
<tr>
<td rowspan="1" title="Parsing check for * ~ :root error handling">
<a href="root-siblings.htm">root-siblings</a></td>
<td><a href="reference/ref-this-text-should-be-green.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,14 @@
grid-first-letter-001.htm == reference/grid-text-green-margin-no-collapse-ref.htm
grid-first-letter-002.htm == reference/grid-text-green-margin-no-collapse-ref.htm
grid-first-letter-003.htm == reference/grid-first-letter-green-margin-no-collapse-ref.htm
grid-first-line-001.htm == reference/grid-text-green-margin-no-collapse-ref.htm
grid-first-line-002.htm == reference/grid-text-green-margin-no-collapse-ref.htm
grid-first-line-003.htm == reference/grid-text-green-margin-no-collapse-ref.htm
grid-inline-first-letter-001.htm == reference/grid-text-green-margin-no-collapse-ref.htm
grid-inline-first-letter-002.htm == reference/grid-text-green-margin-no-collapse-ref.htm
grid-inline-first-letter-003.htm == reference/grid-first-letter-green-margin-no-collapse-ref.htm
grid-inline-first-line-001.htm == reference/grid-text-green-margin-no-collapse-ref.htm
grid-inline-first-line-002.htm == reference/grid-text-green-margin-no-collapse-ref.htm
grid-inline-first-line-003.htm == reference/grid-text-green-margin-no-collapse-ref.htm
root-siblings.htm == reference/ref-this-text-should-be-green.htm

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Test: Parsing check for * ~ :root error handling</title>
<link href="http://www.microsoft.com/" rel="author" title="Microsoft">
<link href="https://drafts.csswg.org/selectors-3/#selector-syntax" rel="help">
<link href="reference/ref-this-text-should-be-green.htm" rel="match">
<meta content="* ~ :root should not match anything" name="assert">
<style>
* ~ :root p {
color: red;
}
p {
color: green;
}
</style>
</head><body><p>This text should be green.</p>
</body></html>

View file

@ -0,0 +1,99 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Selectors Level 3 Conformance Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>Selectors Level 3 Conformance Test Suite By Chapter</h1>
<p>This index contains both
<a href="http://wiki.csswg.org/test/selftest">self-describing tests</a>
and reftests.
A separate <a href="reftest-toc.htm">alphabetical reftest index</a>
is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest
format</a> along with the <a href="reftest.list">reftest manifest</a>.</p>
<table>
<tbody id="s1">
<tr><th><a href="chapter-1.htm">Chapter 1 -
Introduction</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s2">
<tr><th><a href="chapter-2.htm">Chapter 2 -
Selectors</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s3">
<tr><th><a href="chapter-3.htm">Chapter 3 -
Case sensitivity</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.htm">Chapter 4 -
Selector syntax</a></th>
<td>(1 Tests)</td></tr>
</tbody>
<tbody id="s5">
<tr><th><a href="chapter-5.htm">Chapter 5 -
Groups of selectors</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s6">
<tr><th><a href="chapter-6.htm">Chapter 6 -
Simple selectors</a></th>
<td>(42 Tests)</td></tr>
</tbody>
<tbody id="s7">
<tr><th><a href="chapter-7.htm">Chapter 7 -
Pseudo-elements</a></th>
<td>(12 Tests)</td></tr>
</tbody>
<tbody id="s8">
<tr><th><a href="chapter-8.htm">Chapter 8 -
Combinators</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s9">
<tr><th><a href="chapter-9.htm">Chapter 9 -
Calculating a selector's specificity</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s10">
<tr><th><a href="chapter-10.htm">Chapter 10 -
The grammar of Selectors</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s11">
<tr><th><a href="chapter-11.htm">Chapter 11 -
Profiles</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s12">
<tr><th><a href="chapter-12.htm">Chapter 12 -
Conformance and requirements</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s13">
<tr><th><a href="chapter-13.htm">Chapter 13 -
Tests</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s14">
<tr><th><a href="chapter-14.htm">Chapter 14 -
Acknowledgements</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s15">
<tr><th><a href="chapter-15.htm">Chapter 15 -
References</a></th>
<td>(0 Tests)</td></tr>
</tbody>
</table>
</body>
</html>