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,45 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Introduction - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Introduction (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#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/selectors4/#placement">1.1 Module Interactions</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,85 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Linguistic Pseudo-classes - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Linguistic Pseudo-classes (2 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#linguistic-pseudos">10 Linguistic Pseudo-classes</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/selectors4/#the-dir-pseudo">10.1 The directionality pseudo-class :dir()</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.1.#dir-pseudo">
<!-- 2 tests -->
<tr id="selectors-dir-selector-ltr-001-10.1.#dir-pseudo" class="">
<td>
<a href="selectors-dir-selector-ltr-001.xht">selectors-dir-selector-ltr-001</a></td>
<td><a href="reference/selectors-dir-selector-ref.xht">=</a> </td>
<td></td>
<td>basic support for dir(ltr)
<ul class="assert">
<li>The :dir(ltr) pseudo-class matches an element that has a directionality of (ltr). Since the div element has dir=ltr, the selector matches.</li>
</ul>
</td>
</tr>
<tr id="selectors-dir-selector-rtl-001-10.1.#dir-pseudo" class="">
<td>
<a href="selectors-dir-selector-rtl-001.xht">selectors-dir-selector-rtl-001</a></td>
<td><a href="reference/selectors-dir-selector-ref.xht">=</a> </td>
<td></td>
<td>basic support for dir(rtl)
<ul class="assert">
<li>The :dir(rtl) pseudo-class matches an elment that has a directionality of right-to-left (rtl). Since the div element has dir=rtl, the selector matches.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s10.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-lang-pseudo">10.2 The language pseudo-class :lang()</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.2.#lang-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s10.2.#language">
<!-- 0 tests -->
</tbody>
<tbody id="s10.2.#language-range">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,173 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>The Input Pseudo-classes - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>The Input Pseudo-classes (1 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#input-pseudos">11 The Input Pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#input-states">11.1 Input Control States</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.1.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#enableddisabled">11.1.1 The :enabled and :disabled pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.1.#disabled-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.1.#enabled-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.1.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#rw-pseudos">11.1.2 The mutability pseudo-classes :read-only and :read-write</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.2.#read-only-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.2.#read-write-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.1.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#placeholder">11.1.3 The placeholder-shown pseudo-class :placeholder-shown</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.3.#placeholder-shown-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.1.4">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-default-pseudo">11.1.4 The default-option pseudo-class :default</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.4.#default-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#input-value-states">11.2 Input Value States</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.2.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#checked">11.2.1 The selected-option pseudo-class :checked</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.2.1.#checked-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.2.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#indeterminate">11.2.2 The indeterminate-value pseudo-class :indeterminate</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.2.2.#indetermine-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#ui-validity">11.3 Input Value-checking</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.3.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#validity-pseudos">11.3.1 The validity pseudo-classes: :valid and :invalid</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.1.#invalid-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.1.#valid-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.3.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#range-pseudos">11.3.2 The range pseudo-classes :in-range and :out-of-range</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.2.#in-range-psuedo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.2.#out-of-range-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.3.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#opt-pseudos">11.3.3 The optionality pseudo-classes :required and :optional</a></th></tr>
<!-- 1 tests -->
<tr id="selector-required-11.3.3" class="">
<td>
<a href="selector-required.xht">selector-required</a></td>
<td><a href="reference/selector-required-ref.xht">=</a> </td>
<td></td>
<td>CSS level4 Selector :required and :optional
<ul class="assert">
<li>You should see a green input box.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s11.3.3.#optional-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.3.#required-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.3.4">+</a>
<a href="https://www.w3.org/TR/selectors4/#user-pseudos">11.3.4 The user-interaction pseudo-class :user-error</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.4.#user-error-pseudo">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,228 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tree-Structural pseudo-classes - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Tree-Structural pseudo-classes (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#structural-pseudos">12 Tree-Structural pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.#structural-pseudo-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s12.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-root-pseudo">12.1 :root pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.1.#roo-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-empty-pseudo">12.2 :empty pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.2.#empty-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-blank-pseudo">12.3 :blank pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.3.#blank-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.4">+</a>
<a href="https://www.w3.org/TR/selectors4/#anb">12.4 Indexed Pseudo-classes: the An+B micro-syntax</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.4.#a">
<!-- 0 tests -->
</tbody>
<tbody id="s12.4.#anb0">
<!-- 0 tests -->
</tbody>
<tbody id="s12.4.#b">
<!-- 0 tests -->
</tbody>
<tbody id="s12.4.#offset">
<!-- 0 tests -->
</tbody>
<tbody id="s12.4.#step">
<!-- 0 tests -->
</tbody>
<tbody id="s12.4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.4.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#anb-syntax">12.4.1 Syntax</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.4.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#anb-grammar">12.4.2 Grammar</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.5">+</a>
<a href="https://www.w3.org/TR/selectors4/#child-index">12.5 Child-indexed Pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.5.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-nth-child-pseudo">12.5.1 :nth-child() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.1.#nth-child-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.5.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-nth-last-child-pseudo">12.5.2 :nth-last-child() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.2.#nth-last-child-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.5.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-first-child-pseudo">12.5.3 :first-child pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.3.#first-child-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.5.4">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-last-child-pseudo">12.5.4 :last-child pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.4.#last-child-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.5.5">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-only-child-pseudo">12.5.5 :only-child pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.5.#only-child-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.6">+</a>
<a href="https://www.w3.org/TR/selectors4/#typed-child-index">12.6 Typed Child-indexed Pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.6.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-nth-of-type-pseudo">12.6.1 :nth-of-type() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.6.1.#nth-of-type-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.6.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.6.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-nth-last-of-type-pseudo">12.6.2 :nth-last-of-type() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.6.2.#nth-last-of-type">
<!-- 0 tests -->
</tbody>
<tbody id="s12.6.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.6.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-first-of-type-pseudo">12.6.3 :first-of-type pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.6.3.#first-of-type-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.6.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.6.4">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-last-of-type-pseudo">12.6.4 :last-of-type pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.6.4.#last-of-type-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.6.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.6.5">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-only-of-type-pseudo">12.6.5 :only-of-type pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.6.5.#only-of-type-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.7">+</a>
<a href="https://www.w3.org/TR/selectors4/#selected-child-index">12.7 Selected Child-indexed Pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.7.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-nth-match-pseudo">12.7.1 :nth-match() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#nth-match-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.7.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-nth-last-match-pseudo">12.7.2 :nth-last-match() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.2.#nth-last-match-pseudo">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,84 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Combinators - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Combinators (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#combinators">13 Combinators</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s13.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s13.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#descendant-combinators">13.1 Descendant combinator</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s13.1.#descendant-combinator">
<!-- 0 tests -->
</tbody>
<tbody id="s13.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s13.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#child-combinators">13.2 Child combinator</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s13.2.#child-combinator">
<!-- 0 tests -->
</tbody>
<tbody id="s13.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s13.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#adjacent-sibling-combinators">13.3 Next-sibling combinator</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s13.3.#next-sibling-combinator">
<!-- 0 tests -->
</tbody>
<tbody id="s13.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s13.4">+</a>
<a href="https://www.w3.org/TR/selectors4/#general-sibling-combinators">13.4 Following-sibling combinator</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s13.4.#following-sibling-combinator">
<!-- 0 tests -->
</tbody>
<tbody id="s13.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s13.5">+</a>
<a href="https://www.w3.org/TR/selectors4/#idref-combinators">13.5 Reference combinators</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s13.5.#reference-combinator">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,66 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Grid-Structural Selectors - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Grid-Structural Selectors (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#table-pseudos">14 Grid-Structural Selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s14.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s14.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#column-combinator">14.1 Column combinator</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s14.1.#column-combinator0">
<!-- 0 tests -->
</tbody>
<tbody id="s14.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s14.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-nth-column-pseudo">14.2 :nth-column() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s14.2.#nth-column-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s14.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s14.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-nth-last-column-pseudo">14.3 :nth-last-column() pseudo-class</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s14.3.#nth-last-column-pseudo">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Calculating a selector's specificity - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Calculating a selector's specificity (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#specificity">15 Calculating a selector's specificity</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Grammar - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Grammar (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s16">
<tr><th colspan="4" scope="rowgroup">
<a href="#s16">+</a>
<a href="https://www.w3.org/TR/selectors4/#grammar">16 Grammar</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s16.#formal-syntax">
<!-- 0 tests -->
</tbody>
<tbody id="s16.#ltcompound-selector">
<!-- 0 tests -->
</tbody>
<tbody id="s16.#ltid-selector">
<!-- 0 tests -->
</tbody>
<tbody id="s16.#ltrelative-selector">
<!-- 0 tests -->
</tbody>
<tbody id="s16.#ltselector">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Changes - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Changes (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s17">
<tr><th colspan="4" scope="rowgroup">
<a href="#s17">+</a>
<a href="https://www.w3.org/TR/selectors4/#changes">17 Changes</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,72 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Conformance - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Conformance (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s18">
<tr><th colspan="4" scope="rowgroup">
<a href="#s18">+</a>
<a href="https://www.w3.org/TR/selectors4/#conformance">18 Conformance</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s18.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s18.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#conventions">18.1 Document Conventions</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s18.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s18.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#conformance-classes">18.2 Conformance Classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s18.2.#authoring-tool">
<!-- 0 tests -->
</tbody>
<tbody id="s18.2.#interpreter">
<!-- 0 tests -->
</tbody>
<tbody id="s18.2.#selector-instance">
<!-- 0 tests -->
</tbody>
<tbody id="s18.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s18.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#partial">18.3 Partial Implementations</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s18.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s18.4">+</a>
<a href="https://www.w3.org/TR/selectors4/#experimental">18.4 Experimental Implementations</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Acknowledgements - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Acknowledgements (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s19">
<tr><th colspan="4" scope="rowgroup">
<a href="#s19">+</a>
<a href="https://www.w3.org/TR/selectors4/#acknowledgements">19 Acknowledgements</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Selectors Overview - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Selectors Overview (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#overview">2 Selectors Overview</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#profiles">2.1 Fast vs Complete Selector Profiles</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#complete-profile">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#fast-profile">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,129 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>References - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>References (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s20">
<tr><th colspan="4" scope="rowgroup">
<a href="#s20">+</a>
<a href="https://www.w3.org/TR/selectors4/#references">20 References</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s20.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s20.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#normative-references">20.1 Normative References</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s20.1.#CSS21">
<!-- 0 tests -->
</tbody>
<tbody id="s20.1.#CSS3NAMESPACE">
<!-- 0 tests -->
</tbody>
<tbody id="s20.1.#CSS3SYN">
<!-- 0 tests -->
</tbody>
<tbody id="s20.1.#CSS3TEXT">
<!-- 0 tests -->
</tbody>
<tbody id="s20.1.#RFC2119">
<!-- 0 tests -->
</tbody>
<tbody id="s20.1.#SELECT">
<!-- 0 tests -->
</tbody>
<tbody id="s20.1.#YACC">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s20.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#informative-references">20.2 Informative References</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#BCP47">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#CSS3UI">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#CSSSTYLEATTR">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#DOM-LEVEL-3-CORE">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#HTML401">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#HTML5">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#MATHML">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#RFC4647">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#SELECTORS-API">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#SELECTORS-API2">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#SVG11">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#XFORMS11">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#XML-NAMES">
<!-- 0 tests -->
</tbody>
<tbody id="s20.2.#XML10">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 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,153 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Selector Syntax and Structure - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Selector Syntax and Structure (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#syntax">3 Selector Syntax and Structure</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#structure">3.1 Structure and Terminology</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#combinator">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#complex">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#compound">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#selector">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#simple">
<!-- 0 tests -->
</tbody>
<tbody id="s3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#subject">3.2 Determining the Subject of a Selector</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.2.#subjects">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#scoping">3.3 Scoped Selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#scope">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#scope-contained-selectors">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#scope-filtered">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#scope-relative">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.#scoping-element">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.3.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#absolutizing">3.3.1 Absolutizing a Scope-relative Selector</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.1.#absolutize">
<!-- 0 tests -->
</tbody>
<tbody id="s3.3.1.#absolutize-list">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.4">+</a>
<a href="https://www.w3.org/TR/selectors4/#pseudo-classes">3.4 Pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#functional-pseudo-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s3.4.#pseudo-class">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.5">+</a>
<a href="https://www.w3.org/TR/selectors4/#pseudo-elements">3.5 Pseudo-elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#originating-element">
<!-- 0 tests -->
</tbody>
<tbody id="s3.5.#pseudo-element">
<!-- 0 tests -->
</tbody>
<tbody id="s3.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.6">+</a>
<a href="https://www.w3.org/TR/selectors4/#case-sensitive">3.6 Characters and case sensitivity</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.6.#whitespace">
<!-- 0 tests -->
</tbody>
<tbody id="s3.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.7">+</a>
<a href="https://www.w3.org/TR/selectors4/#namespaces">3.7 Namespaces</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.7.#nsdecl">
<!-- 0 tests -->
</tbody>
<tbody id="s3.8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.8">+</a>
<a href="https://www.w3.org/TR/selectors4/#invalid">3.8 Invalid Selectors and Error Handling</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.8.#invalid-selectors">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,66 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Logical Combinations - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Logical Combinations (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#logical-combination">4 Logical Combinations</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#grouping">4.1 Selector Lists</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#selector-list">
<!-- 0 tests -->
</tbody>
<tbody id="s4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#matches">4.2 The Matches-Any Pseudo-class: :matches()</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.2.#matches-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s4.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#negation">4.3 The Negation Pseudo-class: :not()</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.3.#negation-pseudo">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,69 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Elemental selectors - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Elemental selectors (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#elemental-selectors">5 Elemental selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#type-selectors">5.1 Type (tag name) selector</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#type-selector">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#typenmsp">5.1.1 Type selectors and namespaces</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#universal-selector">5.2 Universal selector</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#universal-selector0">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#univnmsp">5.2.1 Universal selector and namespaces</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,90 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Attribute selectors - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Attribute selectors (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#attribute-selectors">6 Attribute selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.#attribute-selector">
<!-- 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/selectors4/#attribute-representation">6.1 Attribute presence and value selectors</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/selectors4/#attribute-substrings">6.2 Substring matching attribute selectors</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/selectors4/#attribute-case">6.3 Case-sensitivity</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/selectors4/#attrnmsp">6.4 Attribute selectors and namespaces</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/selectors4/#def-values">6.5 Default attribute values in DTDs</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/selectors4/#class-html">6.6 Class selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.6.#class-selector">
<!-- 0 tests -->
</tbody>
<tbody id="s6.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.7">+</a>
<a href="https://www.w3.org/TR/selectors4/#id-selectors">6.7 ID selectors</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.7.#id-selector">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,90 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Location Pseudo-classes - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Location Pseudo-classes (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#location">7 Location Pseudo-classes</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/selectors4/#the-any-link-pseudo">7.1 The hyperlink pseudo-class: :any-link</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#any-link-pseudo">
<!-- 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/selectors4/#link">7.2 The link history pseudo-classes: :link and :visited</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.#link-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.#visited-pseudo">
<!-- 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/selectors4/#local-pseudo">7.3 The local link pseudo-class :local-link</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.#local-link-pseudo">
<!-- 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/selectors4/#the-target-pseudo">7.4 The target pseudo-class :target</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.4.#target-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s7.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.5">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-scope-pseudo">7.5 The contextual reference element pseudo-class :scope</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.5.#contextual-reference-element-set">
<!-- 0 tests -->
</tbody>
<tbody id="s7.5.#scope-pseudo">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,92 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>User Action Pseudo-classes - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>User Action Pseudo-classes (1 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#useraction-pseudos">8 User Action Pseudo-classes</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/selectors4/#the-hover-pseudo">8.1 The pointer hover pseudo-class :hover</a></th></tr>
<!-- 1 tests -->
<tr id="hover-001-manual-8.1" class="primary interact scroll">
<td><strong>
<a href="hover-001-manual.xht">hover-001-manual</a></strong></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="scroll" title="Only valid for continuous media">Scroll</abbr></td>
<td>hover pseudo-class when scrolling
<ul class="assert">
<li>Scrolling away from an element that was hovered over should cause the :hover pseudo-class to no longer match said element.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s8.1.#hover-pseudo">
<!-- 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/selectors4/#the-active-pseudo">8.2 The activation pseudo-class :active</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.2.#active-pseudo">
<!-- 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/selectors4/#the-focus-pseudo">8.3 The input focus pseudo-class :focus</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.3.#focus-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s8.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.4">+</a>
<a href="https://www.w3.org/TR/selectors4/#drag-pseudos">8.4 The drag-and-drop pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.4.#active-drop-target">
<!-- 0 tests -->
</tbody>
<tbody id="s8.4.#invalid-drop-target">
<!-- 0 tests -->
</tbody>
<tbody id="s8.4.#valid-drop-target">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,63 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Time-dimensional Pseudo-classes - Selectors Level 4 CR 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 4 CR Test Suite</h1>
<h2>Time-dimensional Pseudo-classes (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<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/selectors4/#time-pseudos">9 Time-dimensional Pseudo-classes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-current-pseudo">9.1 The current-element pseudo-class :current</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#current-pseudo">
<!-- 0 tests -->
</tbody>
<tbody id="s9.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-past-pseudo">9.2 The past-element pseudo-class :past</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.3">+</a>
<a href="https://www.w3.org/TR/selectors4/#the-future-pseudo">9.3 The future-element pseudo-class :future</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.#future-pseudo">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
<link href="reference/focus-within-001-ref.xht" rel="match" />
<meta content="interact" name="flags" />
<meta content="Test that :focus-within applies to an element with tabindex when :focus applies." name="assert" />
<style>
/* Suppress things that cannot be reproduced in the reference file */
:focus {
outline: none;
}
/* Use blue to indicate that the user needs to pay attention.
This element needs to be focused for the test to make sense. */
div {
border: solid 15px blue;
}
div:focus {
border-color: red;
}
div:focus-within {
border-color: green;
}
</style>
</head><body><p>Test passes if, when the element below is focused, it is surrounded by a thick green border. There must be no red or blue once it is focused.</p>
<div onfocus="this.classList.toggle('reftest-wait');" tabindex="1" id="focusme" class="reftest-wait">Focus this element</div>
<script>
/* This script is an optional convenience,
simply removing the need to manually focus the element.
The test is valid even if the script is not run. */
var focusme = document.getElementById('focusme');
focusme.focus();
</script>
</body></html>

View file

@ -0,0 +1,41 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
<link href="reference/focus-within-001-ref.xht" rel="match" />
<meta content="interact" name="flags" />
<meta content="Test that :focus-within applies to the parent of an element with tabindex where :focus applies." name="assert" />
<style>
/* Suppress things that cannot be reproduced in the reference file */
:focus {
outline: none;
}
/* Use blue to indicate that the user needs to pay attention.
This element needs to be focused for the test to make sense. */
#focusme:not(:focus) {
border: solid 15px blue;
}
#target:focus-within {
border: solid 15px green;
}
</style>
</head><body><p>Test passes if, when the element below is focused,
it is surrounded by a thick green border.
There must be no red or blue once it is focused.</p>
<div id="target">
<div onfocus="this.classList.toggle('reftest-wait');" tabindex="1" id="focusme" class="reftest-wait">Focus this element</div>
</div>
<script>
/* This script is an optional convenience,
simply removing the need to manually focus the element.
The test is valid even if the script is not run. */
var focusme = document.getElementById('focusme');
focusme.focus();
</script>
</body></html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
<link href="reference/focus-within-001-ref.xht" rel="match" />
<meta content="interact" name="flags" />
<meta content="Test that :focus-within applies to ancestors of an element with tabindex where :focus applies." name="assert" />
<style>
/* Suppress things that cannot be reproduced in the reference file */
:focus {
outline: none;
}
/* Use blue to indicate that the user needs to pay attention.
This element needs to be focused for the test to make sense. */
#focusme:not(:focus) {
border: solid 15px blue;
}
#target:focus-within {
border: solid 15px green;
}
</style>
</head><body><p>Test passes if, when the element below is focused,
it is surrounded by a thick green border.
There must be no red or blue once it is focused.</p>
<div id="target">
<div>
<div>
<div>
<div onfocus="this.classList.toggle('reftest-wait');" tabindex="1" id="focusme" class="reftest-wait">Focus this element</div>
</div>
</div>
</div>
</div>
<script>
/* This script is an optional convenience,
simply removing the need to manually focus the element.
The test is valid even if the script is not run. */
var focusme = document.getElementById('focusme');
focusme.focus();
</script>
</body></html>

View file

@ -0,0 +1,52 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
<link href="reference/focus-within-001-ref.xht" rel="match" />
<meta content="interact" name="flags" />
<meta content="Test that :focus-within works on elements that are focusable due to contenteditable." name="assert" />
<style>
/* Suppress things that cannot be reproduced in the reference file */
:focus {
outline: none;
/* Make the caret invisible
since it matches the color of the text, which is transparent,
while keeping the text readable thanks to its shadow.
Not using the caret-color property as it is too new to be relied on. */
color: transparent; text-shadow: black 0px 0px 0px;
}
/* Use blue to indicate that the user needs to pay attention.
This element needs to be focused for the test to make sense. */
#focusme:not(:focus) {
border: solid 15px blue;
}
:focus {
border: solid 5px red;
}
div:focus-within, #focusme:focus-within {
border: solid 5px green;
}
</style>
</head><body><p>Test passes if, when the element below is focused,
it is surrounded by a thick green border.
There must be no red or blue once it is focused.</p>
<div>
<div>
<div onfocus="this.classList.toggle('reftest-wait');" contenteditable="true" class="reftest-wait" id="focusme">Focus this element</div>
</div>
</div>
<script>
/* This script is an optional convenience,
simply removing the need to manually focus the element.
The test is valid even if the script is not run. */
var editor = document.getElementById('focusme');
editor.focus();
</script>
</body></html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
<link href="reference/focus-within-001-ref.xht" rel="match" />
<meta content="interact" name="flags" />
<meta content="Test that :focus-within works on links." name="assert" />
<style>
/* Suppress things that cannot be reproduced in the reference file */
:focus {
outline: none;
}
/* Use blue to indicate that the user needs to pay attention.
This element needs to be focused for the test to make sense. */
#focusme:not(:focus) {
border: solid 15px blue;
}
/* Make the link look like the div in the reference file */
#focusme {
display: block;
text-decoration: none;
color: currentColor;
}
:focus {
border: solid 5px red;
}
div:focus-within, #focusme:focus-within {
border: solid 5px green;
}
</style>
</head><body><p>Test passes if, when the element below is focused,
it is surrounded by a thick green border.
There must be no red or blue once it is focused.</p>
<div>
<div>
<a onfocus="this.classList.toggle('reftest-wait');" href="" class="reftest-wait" id="focusme">Focus this element</a>
</div>
</div>
<script>
/* This script is an optional convenience,
simply removing the need to manually focus the element.
The test is valid even if the script is not run. */
var editor = document.getElementById('focusme');
editor.focus();
</script>
</body></html>

View file

@ -0,0 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
<link href="reference/focus-within-001-ref.xht" rel="match" />
<meta content="interact" name="flags" />
<meta content="Test that :focus-within works on form controls, using an input element." name="assert" />
<style>
/* Suppress things that cannot be reproduced in the reference file */
:focus {
all: initial;
outline: none;
/* Make the caret invisible
since it matches the color of the text, which is transparent,
while keeping the text readable thanks to its shadow.
Not using the caret-color property as it is too new to be relied on. */
color: transparent; text-shadow: black 0px 0px 0px;
}
/* Use blue to indicate that the user needs to pay attention.
This element needs to be focused for the test to make sense. */
#focusme:not(:focus) {
border: solid 15px blue;
}
#focusme:focus:not(:focus-within) {
background: red;
}
div:focus-within {
border: solid 5px green;
}
</style>
</head><body><p>Test passes if, when the element below is focused,
it is surrounded by a thick green border.
There must be no red or blue once it is focused.</p>
<div>
<div>
<div>
<input onfocus="this.classList.toggle('reftest-wait');" class="reftest-wait" value="Focus this element" id="focusme" />
<div>
</div>
</div>
<script>
/* This script is an optional convenience,
simply removing the need to manually focus the element.
The test is valid even if the script is not run. */
var editor = document.getElementById('focusme');
editor.focus();
</script>
</div></div></body></html>

View file

@ -0,0 +1,40 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within with shadow DOM</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
<link href="reference/focus-within-shadow-001-ref.xht" rel="match" />
<meta content="interact dom" name="flags" />
<meta content="Test that :focus-within applies to a focused element inside the shadow DOM." name="assert" />
</head><body>
<p>Test passes if there is a green rectangle below.</p>
<div id="shadow-host"><strong>Skip this test, shadow DOM is not supported.</strong></div>
<template id="shadow-template">
<style>
/* Suppress things that cannot be reproduced in the reference file */
:focus {
outline: none;
}
div:focus-within {
border: solid 15px green;
}
</style>
<div onfocus="this.classList.toggle('reftest-wait');" tabindex="1" id="focusme" class="reftest-wait"></div>
</template>
<script>
var shadow = document.getElementById('shadow-host').createShadowRoot();
var template = document.getElementById('shadow-template');
var instance = document.importNode(template.content, true);
shadow.appendChild(instance);
window.setTimeout(function() {
var focusme = shadow.getElementById('focusme');
focusme.focus();
}, 0);
</script>
</body></html>

View file

@ -0,0 +1,41 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within with shadow DOM</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
<link href="reference/focus-within-shadow-001-ref.xht" rel="match" />
<meta content="interact dom" name="flags" />
<meta content="Test that :focus-within applies to a shadow host containing a focused element." name="assert" />
<style>
div:focus-within {
border: solid 15px green;
}
</style>
</head><body>
<p>Test passes if there is a green rectangle below.</p>
<div id="shadow-host"><strong>Skip this test, shadow DOM is not supported.</strong></div>
<template id="shadow-template">
<style>
/* Suppress things that cannot be reproduced in the reference file */
:focus {
outline: none;
}
</style>
<div onfocus="this.classList.toggle('reftest-wait');" tabindex="1" id="focusme" class="reftest-wait"></div>
</template>
<script>
var shadow = document.getElementById('shadow-host').createShadowRoot();
var template = document.getElementById('shadow-template');
var instance = document.importNode(template.content, true);
shadow.appendChild(instance);
window.setTimeout(function() {
var focusme = shadow.getElementById('focusme');
focusme.focus();
}, 0);
</script>
</body></html>

View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within with shadow DOM</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
<link href="reference/focus-within-shadow-001-ref.xht" rel="match" />
<meta content="interact dom" name="flags" />
<meta content="Test that :focus-within applies to the parent of a shadow host containing a focused element." name="assert" />
<style>
#target:focus-within {
border: solid 15px green;
}
</style>
</head><body>
<p>Test passes if there is a green rectangle below.</p>
<div id="target">
<div id="shadow-host"><strong>Skip this test, shadow DOM is not supported.</strong></div>
</div>
<template id="shadow-template">
<style>
/* Suppress things that cannot be reproduced in the reference file */
:focus {
outline: none;
}
</style>
<div onfocus="this.classList.toggle('reftest-wait');" tabindex="1" id="focusme" class="reftest-wait"></div>
</template>
<script>
var shadow = document.getElementById('shadow-host').createShadowRoot();
var template = document.getElementById('shadow-template');
var instance = document.importNode(template.content, true);
shadow.appendChild(instance);
window.setTimeout(function() {
var focusme = shadow.getElementById('focusme');
focusme.focus();
}, 0);
</script>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within with shadow DOM</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
<link href="reference/focus-within-shadow-001-ref.xht" rel="match" />
<meta content="interact dom" name="flags" />
<meta content="Test that :focus-within applies to an ancestor of a shadow host containing a focused element." name="assert" />
<style>
#target:focus-within {
border: solid 15px green;
}
</style>
</head><body>
<p>Test passes if there is a green rectangle below.</p>
<div id="target">
<div>
<div>
<div>
<div id="shadow-host"><strong>Skip this test, shadow DOM is not supported.</strong></div>
</div>
</div>
</div>
</div>
<template id="shadow-template">
<style>
/* Suppress things that cannot be reproduced in the reference file */
:focus {
outline: none;
}
</style>
<div onfocus="this.classList.toggle('reftest-wait');" tabindex="1" id="focusme" class="reftest-wait"></div>
</template>
<script>
var shadow = document.getElementById('shadow-host').createShadowRoot();
var template = document.getElementById('shadow-template');
var instance = document.importNode(template.content, true);
shadow.appendChild(instance);
window.setTimeout(function() {
var focusme = shadow.getElementById('focusme');
focusme.focus();
}, 0);
</script>
</body></html>

View file

@ -0,0 +1,60 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within with shadow DOM</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
<link href="reference/focus-within-shadow-001-ref.xht" rel="match" />
<meta content="interact dom" name="flags" />
<meta content="Test that :focus-within propagates through nested shadow DOMs containing a focused element." name="assert" />
<style>
#target:focus-within {
border: solid 15px green;
}
</style>
</head><body>
<p>Test passes if there is a green rectangle below.</p>
<div id="target">
<div>
<div>
<div>
<div id="shadow-host"><strong>Skip this test, shadow DOM is not supported.</strong></div>
</div>
</div>
</div>
</div>
<template id="shadow-template">
<div id="nested-shadow-host"><strong>Skip this test, nested shadow hosts are not supported.</strong></div>
</template>
<template id="nested-shadow-template">
<style>
/* Suppress things that cannot be reproduced in the reference file */
:focus {
outline: none;
}
</style>
<div onfocus="this.classList.toggle('reftest-wait');" tabindex="1" id="focusme" class="reftest-wait"></div>
</template>
<script>
var shadow = document.getElementById('shadow-host').createShadowRoot();
var template = document.getElementById('shadow-template');
var instance = document.importNode(template.content, true);
shadow.appendChild(instance);
window.setTimeout(function() {
shadow = shadow.getElementById('nested-shadow-host').createShadowRoot();
template = document.getElementById('nested-shadow-template');
instance = document.importNode(template.content, true);
shadow.appendChild(instance);
}, 0);
window.setTimeout(function() {
var focusme = shadow.getElementById('focusme');
focusme.focus();
}, 0);
</script>
</body></html>

View file

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Test (Selectors): hover pseudo-class when scrolling</title>
<link href="http://chrisrebert.com" rel="author" title="Chris Rebert" />
<link href="https://drafts.csswg.org/selectors-4/#the-hover-pseudo" rel="help" />
<link href="http://www.w3.org/TR/selectors/#the-user-action-pseudo-classes-hover-act" rel="help" />
<meta content="interact scroll" name="flags" />
<meta content="Scrolling away from an element that was hovered over should cause the :hover pseudo-class to no longer match said element." name="assert" />
<style>
button {
background-color: white;
color: black;
}
button:hover {
background-color: blue;
color: white;
}
div {
height: 2000px;
width: 100px;
}
</style>
</head>
<body>
<ol>
<li>If the user-agent does not claim to support the <code>:hover</code> pseudo-class (e.g. the pointing device cannot detect hovering), then SKIP this test.</li>
<li>If the user-agent does not allow scrolling the document while leaving the pointer in the same position relative to the viewport, then SKIP this test.</li>
<li>Ensure that this document is scrolled all the way to the top.</li>
<li>Hover the pointer device over the button below.</li>
<li>If the button is not blue, then the test result is FAILURE.</li>
<li>
Scroll this document down while not moving the pointer at all, until the pointer no longer touches the button. For example, on a traditional desktop or laptop computer, keep the mouse perfectly still and do one of the following:
<ul>
<li>Press the "Page Down" key on the keyboard.</li>
<li>Press the "↓" key on the keyboard.</li>
<li>Roll the mouse's scrollwheel.</li>
<li>Perform a "scroll down" gesture on the trackpad</li>
</ul>
</li>
<li>If the button is blue, then the test result is FAILURE. If the button is white, then the test result is SUCCESS.</li>
</ol>
<br />
<button>Hover over me.</button>
<div></div>
</body></html>

View file

@ -0,0 +1,15 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within Reference File</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<style>
div {
border: solid 15px green;
}
</style>
</head><body><p>Test passes if, when the element below is focused, it is surrounded by a thick green border. There must be no red or blue once it is focused.</p>
<div>Focus this element</div>
</body></html>

View file

@ -0,0 +1,15 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>Selectors Level 4: focus-within shadow DOM Reference File</title>
<link href="mailto:kli79@bloomberg.net" rel="author" title="Keyong Li" />
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<style>
div {
border: solid 15px green;
}
</style>
</head><body><p>Test passes if there is a green rectangle below.</p>
<div></div>
</body></html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS level4 Selector :required and :optional</title>
<link href="mailto:zzirasi@gmail.com" rel="author" title="LEE YUN HEE" />
<style>
input {border:3px solid green;}
</style>
</head>
<body>
<p>
You should see a green input box.
</p>
<p>
<input />
</p>
<p>
<input />
</p>
</body></html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Reftest Reference for CSS Selectors Level 4 :dir() Tests</title>
<link href="mailto:taken.spc@gmail.com" rel="author" title="Takeshi Kurosawa" />
<meta content="" name="flags" />
<style type="text/css">
div {
width: 100px;
height: 100px;
background-color: green;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div></div>
</body></html>

View file

@ -0,0 +1,142 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Selectors Level 4 CR 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 4 CR Test Suite Reftest Index</h1>
<table width="100%">
<col id="test-column"></col>
<col id="ref-column"></col>
<col id="flags-column"></col>
<thead>
<tr>
<th>Test</th>
<th>Reference</th>
<th>Flags</th>
</tr>
</thead>
<tbody id="focus-within-001" class="interact">
<tr>
<td rowspan="1" title="Selectors Level 4: focus-within">
<a href="focus-within-001.xht">focus-within-001</a></td>
<td><a href="reference/focus-within-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
</tr>
</tbody>
<tbody id="focus-within-002" class="interact">
<tr>
<td rowspan="1" title="Selectors Level 4: focus-within">
<a href="focus-within-002.xht">focus-within-002</a></td>
<td><a href="reference/focus-within-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
</tr>
</tbody>
<tbody id="focus-within-003" class="interact">
<tr>
<td rowspan="1" title="Selectors Level 4: focus-within">
<a href="focus-within-003.xht">focus-within-003</a></td>
<td><a href="reference/focus-within-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
</tr>
</tbody>
<tbody id="focus-within-004" class="interact">
<tr>
<td rowspan="1" title="Selectors Level 4: focus-within">
<a href="focus-within-004.xht">focus-within-004</a></td>
<td><a href="reference/focus-within-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
</tr>
</tbody>
<tbody id="focus-within-005" class="interact">
<tr>
<td rowspan="1" title="Selectors Level 4: focus-within">
<a href="focus-within-005.xht">focus-within-005</a></td>
<td><a href="reference/focus-within-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
</tr>
</tbody>
<tbody id="focus-within-006" class="interact">
<tr>
<td rowspan="1" title="Selectors Level 4: focus-within">
<a href="focus-within-006.xht">focus-within-006</a></td>
<td><a href="reference/focus-within-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
</tr>
</tbody>
<tbody id="focus-within-shadow-001" class="dom interact">
<tr>
<td rowspan="1" title="Selectors Level 4: focus-within with shadow DOM">
<a href="focus-within-shadow-001.xht">focus-within-shadow-001</a></td>
<td><a href="reference/focus-within-shadow-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
</tr>
</tbody>
<tbody id="focus-within-shadow-002" class="dom interact">
<tr>
<td rowspan="1" title="Selectors Level 4: focus-within with shadow DOM">
<a href="focus-within-shadow-002.xht">focus-within-shadow-002</a></td>
<td><a href="reference/focus-within-shadow-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
</tr>
</tbody>
<tbody id="focus-within-shadow-003" class="dom interact">
<tr>
<td rowspan="1" title="Selectors Level 4: focus-within with shadow DOM">
<a href="focus-within-shadow-003.xht">focus-within-shadow-003</a></td>
<td><a href="reference/focus-within-shadow-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
</tr>
</tbody>
<tbody id="focus-within-shadow-004" class="dom interact">
<tr>
<td rowspan="1" title="Selectors Level 4: focus-within with shadow DOM">
<a href="focus-within-shadow-004.xht">focus-within-shadow-004</a></td>
<td><a href="reference/focus-within-shadow-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
</tr>
</tbody>
<tbody id="focus-within-shadow-005" class="dom interact">
<tr>
<td rowspan="1" title="Selectors Level 4: focus-within with shadow DOM">
<a href="focus-within-shadow-005.xht">focus-within-shadow-005</a></td>
<td><a href="reference/focus-within-shadow-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
</tr>
</tbody>
<tbody id="selector-required" class="">
<tr>
<td rowspan="1" title="CSS level4 Selector :required and :optional">
<a href="selector-required.xht">selector-required</a></td>
<td><a href="reference/selector-required-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="selectors-dir-selector-ltr-001" class="">
<tr>
<td rowspan="1" title="basic support for dir(ltr)">
<a href="selectors-dir-selector-ltr-001.xht">selectors-dir-selector-ltr-001</a></td>
<td><a href="reference/selectors-dir-selector-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="selectors-dir-selector-rtl-001" class="">
<tr>
<td rowspan="1" title="basic support for dir(rtl)">
<a href="selectors-dir-selector-rtl-001.xht">selectors-dir-selector-rtl-001</a></td>
<td><a href="reference/selectors-dir-selector-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -0,0 +1,15 @@
focus-within-001.xht == reference/focus-within-001-ref.xht
focus-within-002.xht == reference/focus-within-001-ref.xht
focus-within-003.xht == reference/focus-within-001-ref.xht
focus-within-004.xht == reference/focus-within-001-ref.xht
focus-within-005.xht == reference/focus-within-001-ref.xht
focus-within-006.xht == reference/focus-within-001-ref.xht
focus-within-shadow-001.xht == reference/focus-within-shadow-001-ref.xht
focus-within-shadow-002.xht == reference/focus-within-shadow-001-ref.xht
focus-within-shadow-003.xht == reference/focus-within-shadow-001-ref.xht
focus-within-shadow-004.xht == reference/focus-within-shadow-001-ref.xht
focus-within-shadow-005.xht == reference/focus-within-shadow-001-ref.xht
selector-required.xht == reference/selector-required-ref.xht
selectors-dir-selector-ltr-001.xht == reference/selectors-dir-selector-ref.xht
selectors-dir-selector-rtl-001.xht == reference/selectors-dir-selector-ref.xht

View file

@ -0,0 +1,26 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS level4 Selector :required and :optional</title>
<link href="mailto:zzirasi@gmail.com" rel="author" title="LEE YUN HEE" />
<link href="http://www.w3.org/TR/selectors4/#opt-pseudos" rel="help" />
<meta content="You should see a green input box." name="assert" />
<link href="reference/selector-required-ref.xht" rel="match" />
<style>
input {border:3px solid red;}
:required {border-color:green;}
:optional {border-color:green;}
</style>
</head>
<body>
<p>
You should see a green input box.
</p>
<p>
<input required="" />
</p>
<p>
<input optinal="" />
</p>
</body></html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Selectors Level 4 Test: basic support for dir(ltr)</title>
<link href="mailto:taken.spc@gmail.com" rel="author" title="Takeshi Kurosawa" />
<link href="http://www.w3.org/TR/selectors4/#dir-pseudo" rel="help" />
<link href="reference/selectors-dir-selector-ref.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The :dir(ltr) pseudo-class matches an element that has a directionality of (ltr). Since the div element has dir=ltr, the selector matches." name="assert" />
<style type="text/css">
div {
width: 100px;
height: 100px;
background-color: red;
}
div:dir(ltr) {
background-color: green;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div dir="ltr"></div>
</body></html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Selectors Level 4 Test: basic support for dir(rtl)</title>
<link href="mailto:taken.spc@gmail.com" rel="author" title="Takeshi Kurosawa" />
<link href="http://www.w3.org/TR/selectors4/#dir-pseudo" rel="help" />
<link href="reference/selectors-dir-selector-ref.xht" rel="match" />
<meta content="" name="flags" />
<meta content="The :dir(rtl) pseudo-class matches an elment that has a directionality of right-to-left (rtl). Since the div element has dir=rtl, the selector matches." name="assert" />
<style type="text/css">
div {
width: 100px;
height: 100px;
background-color: red;
}
div:dir(rtl) {
background-color: green;
}
</style>
</head>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div dir="rtl"></div>
</body></html>

View file

@ -0,0 +1,124 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Selectors Level 4 CR 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 4 CR 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.xht">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.xht">Chapter 1 -
Introduction</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s2">
<tr><th><a href="chapter-2.xht">Chapter 2 -
Selectors Overview</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s3">
<tr><th><a href="chapter-3.xht">Chapter 3 -
Selector Syntax and Structure</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.xht">Chapter 4 -
Logical Combinations</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s5">
<tr><th><a href="chapter-5.xht">Chapter 5 -
Elemental selectors</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s6">
<tr><th><a href="chapter-6.xht">Chapter 6 -
Attribute selectors</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s7">
<tr><th><a href="chapter-7.xht">Chapter 7 -
Location Pseudo-classes</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s8">
<tr><th><a href="chapter-8.xht">Chapter 8 -
User Action Pseudo-classes</a></th>
<td>(1 Tests)</td></tr>
</tbody>
<tbody id="s9">
<tr><th><a href="chapter-9.xht">Chapter 9 -
Time-dimensional Pseudo-classes</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s10">
<tr><th><a href="chapter-10.xht">Chapter 10 -
Linguistic Pseudo-classes</a></th>
<td>(2 Tests)</td></tr>
</tbody>
<tbody id="s11">
<tr><th><a href="chapter-11.xht">Chapter 11 -
The Input Pseudo-classes</a></th>
<td>(1 Tests)</td></tr>
</tbody>
<tbody id="s12">
<tr><th><a href="chapter-12.xht">Chapter 12 -
Tree-Structural pseudo-classes</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s13">
<tr><th><a href="chapter-13.xht">Chapter 13 -
Combinators</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s14">
<tr><th><a href="chapter-14.xht">Chapter 14 -
Grid-Structural Selectors</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s15">
<tr><th><a href="chapter-15.xht">Chapter 15 -
Calculating a selector's specificity</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s16">
<tr><th><a href="chapter-16.xht">Chapter 16 -
Grammar</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s17">
<tr><th><a href="chapter-17.xht">Chapter 17 -
Changes</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s18">
<tr><th><a href="chapter-18.xht">Chapter 18 -
Conformance</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s19">
<tr><th><a href="chapter-19.xht">Chapter 19 -
Acknowledgements</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s20">
<tr><th><a href="chapter-20.xht">Chapter 20 -
References</a></th>
<td>(0 Tests)</td></tr>
</tbody>
</table>
</body>
</html>