146 lines
4.6 KiB
HTML
146 lines
4.6 KiB
HTML
<html>
|
|
<body>
|
|
<div>
|
|
<div id=complex-multi-rules1>
|
|
<p>Complex descent.</p>
|
|
<div class=some-class>
|
|
<ul>
|
|
<li data-foo="bar">one</li>
|
|
<li>two</li>
|
|
<li data-bar="baz" class=some-class>three</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div id=complex-multi-rules2>
|
|
<p>id + tag.</p>
|
|
<acronym title="WebKit Tempalte Framework">WTF</acronym>
|
|
<a href="http://www.apple.com">Link</a>
|
|
</div>
|
|
|
|
<div id=complex-multi-rules3>
|
|
<p>Multiple id + tag, sharing the same id.</p>
|
|
<audio>
|
|
<source class=some-class>
|
|
<source class=some-class>
|
|
<source class=some-class>
|
|
</audio>
|
|
<ol>
|
|
<li class=other-class>one</li>
|
|
<li class=other-class>two</li>
|
|
<li class=other-class>three</li>
|
|
<li class=other-class>four</li>
|
|
</ol>
|
|
<table>
|
|
<tr><td>cell</td><td>cell</td></tr>
|
|
<tr><td>cell</td><td>cell</td></tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div id=complex-multi-rules4>
|
|
<p>Several Ids.</p>
|
|
Foo?
|
|
<div>
|
|
Bar?
|
|
<div id=complex-multi-rules4-sub1>
|
|
Foo?
|
|
<div>
|
|
Bar?
|
|
<div id=complex-multi-rules4-sub2>
|
|
Foo?
|
|
<div>
|
|
<div id=complex-multi-rules4-sub3>
|
|
Foo Bar!
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id=complex-multi-rules5>
|
|
<p>Id sandwich: Multiple ids with selectors in between.</p>
|
|
<div>
|
|
Padding.
|
|
</div>
|
|
<div>
|
|
<div id=complex-multi-rules5-left>
|
|
<ul>
|
|
<li class=other-class>one</li>
|
|
<li class=other-class>two</li>
|
|
<li class=other-class>
|
|
three
|
|
<div id=complex-multi-rules5-right>
|
|
<p>complex-multi-rules5-right</p>
|
|
<table>
|
|
<tr><td>cell</td><td>cell</td></tr>
|
|
</table>
|
|
</div>
|
|
</li>
|
|
<li class=other-class>
|
|
four
|
|
<p>Some text. <img id=complex-multi-rules5-image></p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id=complex-multi-rules6>
|
|
<p>Named form attribute under hierarchy.</p>
|
|
<form name='complex-multi-rules6-form'>
|
|
<div>
|
|
<div>
|
|
<input type=file name=complex-multi-rules6-file-input>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div id=complex-multi-rules7>
|
|
<p>Hierarchy of tag and class.</p>
|
|
<div class=some-class>
|
|
<a href="http://www.webkit.org/" class=other-class>
|
|
<div class=another-class>
|
|
<div>
|
|
<p class=result-class>FooBar!!!</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id=complex-multi-rules8>
|
|
<p>Commonly used restrictionselector.</p>
|
|
<div class=some-class>
|
|
<div class=some-class>
|
|
<ul>
|
|
<li>one</li>
|
|
<li>two</li>
|
|
<li>three</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id=tag-and-class>
|
|
<p>tag.class</p>
|
|
<details open class=details-class>
|
|
<summary class=summary-class>Summary</summary>
|
|
<p>Foo Bar!</p>
|
|
</details>
|
|
<article class=article-class>
|
|
<p>Lorem Ipsum</p>
|
|
</article>
|
|
</div>
|
|
|
|
<div id=duplicate-id>
|
|
</div>
|
|
<div id=duplicate-id>
|
|
</div>
|
|
<div id=duplicate-id>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |