<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Cascading and Interpretation - CSS Style Attributes Level 1 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 Style Attributes Level 1 CR Test Suite</h1>
<h2>Cascading and Interpretation (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="s4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4">+</a>
<a href="https://www.w3.org/TR/css-style-attr/#interpret">4 Cascading and Interpretation</a></th></tr>
<!-- 12 tests -->
<tr id="style-attr-cascade-001-4" class="">
<td>
<a href="style-attr-cascade-001.htm">style-attr-cascade-001</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td></td>
<td>CSS: style attributes vs. important tag selector
</td>
</tr>
<tr id="style-attr-cascade-002-4" class="">
<td>
<a href="style-attr-cascade-002.htm">style-attr-cascade-002</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td></td>
<td>CSS: style attribute (normal vs. important)
</td>
</tr>
<tr id="style-attr-cascade-003-4" class="">
<td>
<a href="style-attr-cascade-003.htm">style-attr-cascade-003</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td></td>
<td>CSS: style attribute vs. tag selector
</td>
</tr>
<tr id="style-attr-cascade-004-4" class="">
<td>
<a href="style-attr-cascade-004.htm">style-attr-cascade-004</a></td>
<td><a href="reference/ref-white-on-green-background.htm">=</a> </td>
<td></td>
<td>CSS: style attribute vs. important tag selectors
</td>
</tr>
<tr id="style-attr-cascade-005-4" class="">
<td>
<a href="style-attr-cascade-005.htm">style-attr-cascade-005</a></td>
<td><a href="reference/ref-white-on-green-background.htm">=</a> </td>
<td></td>
<td>CSS: style attribute vs. tag selectors (interleaved importance)
</td>
</tr>
<tr id="style-attr-cascade-006-4" class="">
<td>
<a href="style-attr-cascade-006.htm">style-attr-cascade-006</a></td>
<td><a href="reference/ref-green.htm">=</a> </td>
<td></td>
<td>CSS: style attribute and 'inherit'
</td>
</tr>
<tr id="style-attr-cascade-007-4" class="image">
<td>
<a href="style-attr-cascade-007.htm">style-attr-cascade-007</a></td>
<td><a href="reference/style-attr-cascade-007.htm">=</a> </td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Style Attribute Inheritance
<ul class="assert">
<li>Iff a property inherits, it also inherits when declared via style attribute.</li>
</ul>
</td>
</tr>
<tr id="style-attr-specificity-001-4" class="">
<td>
<a href="style-attr-specificity-001.htm">style-attr-specificity-001</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td></td>
<td>Style attribute and specificity of selectors
<ul class="assert">
<li>The style attribute has a higher specificity than any other selector.</li>
</ul>
</td>
</tr>
<tr id="style-attr-specificity-002-4" class="">
<td>
<a href="style-attr-specificity-002.htm">style-attr-specificity-002</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td></td>
<td>Inline styles vs. 101 ID selectors
<ul class="assert">
<li>The style attribute has a higher specificity than all selectors, including ID selectors no matter how many.</li>
</ul>
</td>
</tr>
<tr id="style-attr-urls-001-4" class="image">
<td>
<a href="style-attr-urls-001.htm">style-attr-urls-001</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>URLs in style attributes
<ul class="assert">
<li>In the absence of any base URL manipulation, URLs in style attributes are relative to the document.</li>
</ul>
</td>
</tr>
<tr id="style-attr-urls-002-4" class="image">
<td>
<a href="style-attr-urls-002.htm">style-attr-urls-002</a></td>
<td><a href="reference/ref-green-on-green.htm">=</a> </td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>URLs in style attributes (with <base>)
<ul class="assert">
<li>In the presence of <base> URL manipulation, URLs in style attributes are relative to the specified base.</li>
</ul>
</td>
</tr>
</tbody>
</table>
</body>
</html>