servo/tests/wpt/css-tests/selectors-4_dev/html/chapter-10.htm
Ms2ger 296fa2512b Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
2017-02-06 22:38:29 +01:00

162 lines
No EOL
5.7 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<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 (9 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/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>
<!-- 7 tests -->
<tr id="dir-style-01a-10.1" class="primary">
<td><strong>
<a href="dir-style-01a.htm">dir-style-01a</a></strong></td>
<td><a href="reference/dir-style-01-ref.htm">=</a> </td>
<td></td>
<td>:dir() selector
<ul class="assert">
<li>Test checks :dir() basic functions with valid and invalid values.</li>
</ul>
</td>
</tr>
<tr id="dir-style-01b-10.1" class="primary">
<td><strong>
<a href="dir-style-01b.htm">dir-style-01b</a></strong></td>
<td><a href="reference/dir-style-01-ref.htm">=</a> </td>
<td></td>
<td>:dir() selector
<ul class="assert">
<li>Test checks :dir() basic functions after dynamic directionality change on elements.</li>
</ul>
</td>
</tr>
<tr id="dir-style-02a-10.1" class="primary">
<td><strong>
<a href="dir-style-02a.htm">dir-style-02a</a></strong></td>
<td><a href="reference/dir-style-02-ref.htm">=</a> </td>
<td></td>
<td>:dir() selector
<ul class="assert">
<li>Test checks :dir() basic functions when default document directionality is rtl.</li>
</ul>
</td>
</tr>
<tr id="dir-style-02b-10.1" class="primary">
<td><strong>
<a href="dir-style-02b.htm">dir-style-02b</a></strong></td>
<td><a href="reference/dir-style-02-ref.htm">=</a> </td>
<td></td>
<td>:dir() selector
<ul class="assert">
<li>Test checks :dir() basic functions when document directionality is dynamically changed from ltr to rtl.</li>
</ul>
</td>
</tr>
<tr id="dir-style-03a-10.1" class="primary">
<td><strong>
<a href="dir-style-03a.htm">dir-style-03a</a></strong></td>
<td><a href="reference/dir-style-03-ref.htm">=</a> </td>
<td></td>
<td>:dir() selector
<ul class="assert">
<li>Test checks if :dir() can work with other selectors correctly.</li>
</ul>
</td>
</tr>
<tr id="dir-style-03b-10.1" class="primary">
<td><strong>
<a href="dir-style-03b.htm">dir-style-03b</a></strong></td>
<td><a href="reference/dir-style-03-ref.htm">=</a> </td>
<td></td>
<td>:dir() selector
<ul class="assert">
<li>Test checks if :dir() can work with other selectors correctly after a dynamic directionality change on specified divs.</li>
</ul>
</td>
</tr>
<tr id="dir-style-04-10.1" class="primary">
<td><strong>
<a href="dir-style-04.htm">dir-style-04</a></strong></td>
<td><a href="reference/dir-style-04-ref.htm">=</a> </td>
<td></td>
<td>:dir() selector
<ul class="assert">
<li>Test checks :dir() basic functions on runtime added elements.</li>
</ul>
</td>
</tr>
</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.htm">selectors-dir-selector-ltr-001</a></td>
<td><a href="reference/selectors-dir-selector-ref.htm">=</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.htm">selectors-dir-selector-rtl-001</a></td>
<td><a href="reference/selectors-dir-selector-ref.htm">=</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>