<!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>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>
    <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="http://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.xht">style-attr-cascade-001</a></td>
        <td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-002</a></td>
        <td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-003</a></td>
        <td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-004</a></td>
        <td><a href="reference/ref-green-background.xht">=</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.xht">style-attr-cascade-005</a></td>
        <td><a href="reference/ref-green-background.xht">=</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.xht">style-attr-cascade-006</a></td>
        <td><a href="reference/ref-green.xht">=</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.xht">style-attr-cascade-007</a></td>
        <td><a href="reference/style-attr-cascade-007.xht">=</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="primary">
        <td><strong>
            <a href="style-attr-specificity-001.xht">style-attr-specificity-001</a></strong></td>
        <td><a href="reference/ref-green-on-green.xht">=</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="primary">
        <td><strong>
            <a href="style-attr-specificity-002.xht">style-attr-specificity-002</a></strong></td>
        <td><a href="reference/ref-green-on-green.xht">=</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="primary image">
        <td><strong>
            <a href="style-attr-urls-001.xht">style-attr-urls-001</a></strong></td>
        <td><a href="reference/ref-green-on-green.xht">=</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="primary image">
        <td><strong>
            <a href="style-attr-urls-002.xht">style-attr-urls-002</a></strong></td>
        <td><a href="reference/ref-green-on-green.xht">=</a> </td>
        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
        <td>URLs in style attributes (with &lt;base&gt;)
          <ul class="assert">
            <li>In the presence of &lt;base&gt; URL manipulation, URLs in style attributes are relative to the specified base.</li>
          </ul>
        </td>
      </tr>
      <tr id="style-attr-urls-003-4" class="primary image nonHTML">
        <td><strong>
            <a href="style-attr-urls-003.xht">style-attr-urls-003</a></strong></td>
        <td><a href="reference/ref-green-on-green2.xht">=</a> </td>
        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
        <td>URLs in style attributes (with xml:base and &lt;base&gt;)
          <ul class="assert">
            <li>In the presence of xml:base URL manipulation, URLs in style attributes are relative to the base of the element.</li>
          </ul>
        </td>
      </tr>
    </tbody>
  </table>

 </body>
</html>