<!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 <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> <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 <base>) <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>