mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
89 lines
No EOL
3.1 KiB
HTML
89 lines
No EOL
3.1 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>Media-specific style sheets: the ‘@media’ rule - CSS Conditional Rules Module Level 3 CR Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>CSS Conditional Rules Module Level 3 CR Test Suite</h1>
|
|
<h2>Media-specific style sheets: the ‘@media’ rule (4 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-conditional/#at-media">5 Media-specific style sheets: the ‘@media’ rule</a></th></tr>
|
|
<!-- 4 tests -->
|
|
<tr id="at-media-whitespace-optional-001-5" class="">
|
|
<td>
|
|
<a href="at-media-whitespace-optional-001.htm">at-media-whitespace-optional-001</a></td>
|
|
<td><a href="reference/background-lime.htm">=</a> </td>
|
|
<td></td>
|
|
<td>DESCRIPTION OF TEST
|
|
<ul class="assert">
|
|
<li>Whitespace after the MEDIA_SYM token is optional (S*).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="at-media-whitespace-optional-002-5" class="">
|
|
<td>
|
|
<a href="at-media-whitespace-optional-002.htm">at-media-whitespace-optional-002</a></td>
|
|
<td><a href="reference/background-lime.htm">=</a> </td>
|
|
<td></td>
|
|
<td>DESCRIPTION OF TEST
|
|
<ul class="assert">
|
|
<li>Whitespace after the MEDIA_SYM token is optional (S*).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="css-supports-026-5" class="">
|
|
<td>
|
|
<a href="css-supports-026.htm">css-supports-026</a></td>
|
|
<td><a href="support/pass.htm">=</a> </td>
|
|
<td></td>
|
|
<td>A nested @supports rule with valid syntax and a passing condition must apply rules inside it
|
|
<ul class="assert">
|
|
<li>An outer @supports rule with an inner @media rule must apply the rules inside the @media only if both the @supports and @media conditions pass.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="css-supports-046-5" class="">
|
|
<td>
|
|
<a href="css-supports-046.htm">css-supports-046</a></td>
|
|
<td><a href="support/pass.htm">=</a> </td>
|
|
<td></td>
|
|
<td>A nested @supports rule with valid syntax and a passing condition must apply rules inside it
|
|
<ul class="assert">
|
|
<li>An outer @media rule with an inner @supports rule must apply the rules inside the @supports only if both the @supports and @media conditions pass.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s5.#atmedia-rule">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.#media">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |