|
@@ -1,8 +1,7 @@
|
|
|
<html>
|
|
|
<head>
|
|
|
<script src="../htmlrunner.js"></script>
|
|
|
-<script src="../lib/ext-base.js"></script>
|
|
|
-<script src="../lib/ext-core.js"></script>
|
|
|
+<script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>
|
|
|
<script>
|
|
|
window.onload = function(){
|
|
|
startTest("cssquery-ext");
|
|
@@ -18,7 +17,7 @@ var query = Ext.DomQuery.select;
|
|
|
div.innerHTML = html;
|
|
|
document.body.appendChild( div );
|
|
|
});
|
|
|
-
|
|
|
+
|
|
|
test("Ext - *", function(){
|
|
|
query("*");
|
|
|
});
|
|
@@ -419,7 +418,7 @@ endTest();
|
|
|
non-normative.</p>
|
|
|
|
|
|
<h3><a name=changesFromCSS2></a>1.3. Changes from CSS2</h3>
|
|
|
-
|
|
|
+
|
|
|
<p><em>This section is non-normative.</em></p>
|
|
|
|
|
|
<p>The main differences between the selectors in CSS2 and those in
|
|
@@ -1602,7 +1601,7 @@ on the presence of the semantic HTML4 <code>selected</code> and
|
|
|
sometimes in an indeterminate state, neither checked nor unchecked.
|
|
|
This can be due to an element attribute, or DOM manipulation.</p>
|
|
|
|
|
|
-<p>A future version of this specification may introduce an
|
|
|
+<p>A future version of this specification may introduce an
|
|
|
<code>:indeterminate</code> pseudo-class that applies to such elements.
|
|
|
<!--While the <code>:indeterminate</code> pseudo-class is dynamic in
|
|
|
nature, and is altered by user action, since it can also be based on
|
|
@@ -1619,7 +1618,7 @@ are an example of :indeterminate state.--></p>
|
|
|
<p>Selectors introduces the concept of <dfn>structural
|
|
|
pseudo-classes</dfn> to permit selection based on extra information that lies in
|
|
|
the document tree but cannot be represented by other simple selectors or
|
|
|
-combinators.
|
|
|
+combinators.
|
|
|
|
|
|
<p>Note that standalone pieces of PCDATA (text nodes in the DOM) are
|
|
|
not counted when calculating the position of an element in the list of
|
|
@@ -1811,7 +1810,7 @@ represents an element that is the first child of some other element.
|
|
|
<div class="note">
|
|
|
<p> The first P inside the note.</p>
|
|
|
</div></pre>but cannot represent the second <code>p</code> in the following
|
|
|
-fragment:
|
|
|
+fragment:
|
|
|
<pre><p> The last P before the note.</p>
|
|
|
<div class="note">
|
|
|
<h2> Note </h2>
|
|
@@ -1825,7 +1824,7 @@ a:first-child /* Same (assuming a is not the root element) */</pre>
|
|
|
<h5><a name=last-child-pseudo>:last-child pseudo-class</a></h5>
|
|
|
|
|
|
<p>Same as <code>:nth-last-child(1)</code>. The <code>:last-child</code> pseudo-class
|
|
|
-represents an element that is the last child of some other element.
|
|
|
+represents an element that is the last child of some other element.
|
|
|
|
|
|
<div class="example">
|
|
|
<p>Example:</p>
|
|
@@ -1838,7 +1837,7 @@ represents an element that is the last child of some other element.
|
|
|
|
|
|
<p>Same as <code>:nth-of-type(1)</code>. The <code>:first-of-type</code> pseudo-class
|
|
|
represents an element that is the first sibling of its type in the list of
|
|
|
-children of its parent element.
|
|
|
+children of its parent element.
|
|
|
|
|
|
<div class="example">
|
|
|
<p>Example:</p>
|
|
@@ -2017,11 +2016,11 @@ factors, including the width of the page, the font size, etc. Thus,
|
|
|
an ordinary HTML paragraph such as:</p>
|
|
|
|
|
|
<pre>
|
|
|
-<P>This is a somewhat long HTML
|
|
|
-paragraph that will be broken into several
|
|
|
+<P>This is a somewhat long HTML
|
|
|
+paragraph that will be broken into several
|
|
|
lines. The first line will be identified
|
|
|
-by a fictional tag sequence. The other lines
|
|
|
-will be treated as ordinary lines in the
|
|
|
+by a fictional tag sequence. The other lines
|
|
|
+will be treated as ordinary lines in the
|
|
|
paragraph.</P>
|
|
|
</pre>
|
|
|
|
|
@@ -2030,8 +2029,8 @@ paragraph.</P>
|
|
|
<pre>
|
|
|
THIS IS A SOMEWHAT LONG HTML PARAGRAPH THAT
|
|
|
will be broken into several lines. The first
|
|
|
-line will be identified by a fictional tag
|
|
|
-sequence. The other lines will be treated as
|
|
|
+line will be identified by a fictional tag
|
|
|
+sequence. The other lines will be treated as
|
|
|
ordinary lines in the paragraph.
|
|
|
</pre>
|
|
|
|
|
@@ -2040,11 +2039,11 @@ ordinary lines in the paragraph.
|
|
|
fictional tag sequence helps to show how properties are inherited.</p>
|
|
|
|
|
|
<pre>
|
|
|
-<P><b><P::first-line></b> This is a somewhat long HTML
|
|
|
+<P><b><P::first-line></b> This is a somewhat long HTML
|
|
|
paragraph that <b></P::first-line></b> will be broken into several
|
|
|
-lines. The first line will be identified
|
|
|
-by a fictional tag sequence. The other lines
|
|
|
-will be treated as ordinary lines in the
|
|
|
+lines. The first line will be identified
|
|
|
+by a fictional tag sequence. The other lines
|
|
|
+will be treated as ordinary lines in the
|
|
|
paragraph.</P>
|
|
|
</pre>
|
|
|
|
|
@@ -2057,8 +2056,8 @@ with a <code>span</code> element:</p>
|
|
|
<P><b><SPAN class="test"></b> This is a somewhat long HTML
|
|
|
paragraph that will be broken into several
|
|
|
lines.<b></SPAN></b> The first line will be identified
|
|
|
-by a fictional tag sequence. The other lines
|
|
|
-will be treated as ordinary lines in the
|
|
|
+by a fictional tag sequence. The other lines
|
|
|
+will be treated as ordinary lines in the
|
|
|
paragraph.</P>
|
|
|
</pre>
|
|
|
|
|
@@ -2073,7 +2072,7 @@ paragraph that will <b></SPAN></b></P::first-line><b><SPAN class=
|
|
|
broken into several
|
|
|
lines.<b></SPAN></b> The first line will be identified
|
|
|
by a fictional tag sequence. The other lines
|
|
|
-will be treated as ordinary lines in the
|
|
|
+will be treated as ordinary lines in the
|
|
|
paragraph.</P>
|
|
|
</pre>
|
|
|
|
|
@@ -2211,7 +2210,7 @@ sequence">fictional tag sequence</span> is:</p>
|
|
|
<P::first-letter>
|
|
|
T
|
|
|
</P::first-letter>he first
|
|
|
-</SPAN>
|
|
|
+</SPAN>
|
|
|
few words of an article in the Economist.
|
|
|
</P>
|
|
|
</pre>
|
|
@@ -2322,11 +2321,11 @@ sequence</span> for this fragment might be:</p>
|
|
|
|
|
|
<pre><P>
|
|
|
<P::first-line>
|
|
|
-<P::first-letter>
|
|
|
-S
|
|
|
-</P::first-letter>ome text that
|
|
|
-</P::first-line>
|
|
|
-ends up on two lines
|
|
|
+<P::first-letter>
|
|
|
+S
|
|
|
+</P::first-letter>ome text that
|
|
|
+</P::first-line>
|
|
|
+ends up on two lines
|
|
|
</P></pre>
|
|
|
|
|
|
<p>Note that the <code>::first-letter</code> element is inside the <code>::first-line</code>
|
|
@@ -2833,14 +2832,14 @@ all the components of that subset.</p>
|
|
|
<tr>
|
|
|
<th>Excludes</th>
|
|
|
<td>
|
|
|
-
|
|
|
+
|
|
|
<p>universal selector<br>attribute selectors<br>:hover and :focus
|
|
|
pseudo-classes<br>:target pseudo-class<br>:lang() pseudo-class<br>all UI
|
|
|
element states pseudo-classes<br>all structural
|
|
|
pseudo-classes<br>negation pseudo-class<br>all
|
|
|
UI element fragments pseudo-elements<br>::before and ::after
|
|
|
pseudo-elements<br>child combinators<br>sibling combinators
|
|
|
-
|
|
|
+
|
|
|
<p>namespaces</td></tr>
|
|
|
<tr>
|
|
|
<th>Extra constraints</th>
|
|
@@ -2864,13 +2863,13 @@ all the components of that subset.</p>
|
|
|
<tr>
|
|
|
<th>Excludes</th>
|
|
|
<td>
|
|
|
-
|
|
|
+
|
|
|
<p>content selectors<br>substring matching attribute
|
|
|
selectors<br>:target pseudo-classes<br>all UI element
|
|
|
states pseudo-classes<br>all structural pseudo-classes other
|
|
|
than :first-child<br>negation pseudo-class<br>all UI element
|
|
|
fragments pseudo-elements<br>general sibling combinators
|
|
|
-
|
|
|
+
|
|
|
<p>namespaces</td></tr>
|
|
|
<tr>
|
|
|
<th>Extra constraints</th>
|
|
@@ -2878,10 +2877,10 @@ all the components of that subset.</p>
|
|
|
constraint) allowed</td></tr></tbody></table>
|
|
|
|
|
|
<p>In CSS, selectors express pattern matching rules that determine which style
|
|
|
-rules apply to elements in the document tree.
|
|
|
+rules apply to elements in the document tree.
|
|
|
|
|
|
<p>The following selector (CSS level 2) will <b>match</b> all anchors <code>a</code>
|
|
|
-with attribute <code>name</code> set inside a section 1 header <code>h1</code>:
|
|
|
+with attribute <code>name</code> set inside a section 1 header <code>h1</code>:
|
|
|
<pre>h1 a[name]</pre>
|
|
|
|
|
|
<p>All CSS declarations attached to such a selector are applied to elements
|
|
@@ -2899,11 +2898,11 @@ matching it. </div>
|
|
|
<tr>
|
|
|
<th>Accepts</th>
|
|
|
<td>
|
|
|
-
|
|
|
+
|
|
|
<p>type selectors<br>universal selectors<br>attribute selectors<br>class
|
|
|
selectors<br>ID selectors<br>all structural pseudo-classes<br>
|
|
|
all combinators
|
|
|
-
|
|
|
+
|
|
|
<p>namespaces</td></tr>
|
|
|
<tr>
|
|
|
<th>Excludes</th>
|
|
@@ -2939,9 +2938,9 @@ matching it. </div>
|
|
|
<input type="text" name="foo"/>
|
|
|
<input type="text" name="foo"/>
|
|
|
</form>
|
|
|
-
|
|
|
+
|
|
|
<p>Selectors can be used in STTS 3 in two different
|
|
|
- manners:
|
|
|
+ manners:
|
|
|
<ol>
|
|
|
<li>a selection mechanism equivalent to CSS selection mechanism: declarations
|
|
|
attached to a given selector are applied to elements matching that selector,
|
|
@@ -2960,7 +2959,7 @@ interactivity) does not imply non-conformance.
|
|
|
<p>All specifications reusing Selectors must contain a <a
|
|
|
href="#profiling">Profile</a> listing the
|
|
|
subset of Selectors it accepts or excludes, and describing the constraints
|
|
|
-it adds to the current specification.
|
|
|
+it adds to the current specification.
|
|
|
|
|
|
<p>Invalidity is caused by a parsing error, e.g. an unrecognized token or a token
|
|
|
which is not allowed at the current parsing point.
|
|
@@ -3013,7 +3012,7 @@ the final editorial review.</p>
|
|
|
<dd>(<code><a href="http://www.w3.org/TR/REC-CSS1">http://www.w3.org/TR/REC-CSS1</a></code>)
|
|
|
|
|
|
<dt>[CSS21]
|
|
|
- <dd><a name=refsCSS21></a> Bert Bos, Tantek Çelik, Ian Hickson, Håkon Wium Lie, editors; "<cite>Cascading Style Sheets, level 2 revision 1</cite>", W3C Working Draft, 13 June 2005
|
|
|
+ <dd><a name=refsCSS21></a> Bert Bos, Tantek Çelik, Ian Hickson, Håkon Wium Lie, editors; "<cite>Cascading Style Sheets, level 2 revision 1</cite>", W3C Working Draft, 13 June 2005
|
|
|
<dd>(<code><a href="http://www.w3.org/TR/CSS21">http://www.w3.org/TR/CSS21</a></code>)
|
|
|
|
|
|
<dt>[CWWW]
|
|
@@ -3036,7 +3035,7 @@ the final editorial review.</p>
|
|
|
<dd>(<a href="http://www.ietf.org/rfc/rfc3066.txt"><code>http://www.ietf.org/rfc/rfc3066.txt</code></a>)
|
|
|
|
|
|
<dt>[STTS]
|
|
|
- <dd><a name=refsSTTS></a> Daniel Glazman; "<cite>Simple Tree Transformation Sheets 3</cite>", Electricité de France, submission to the W3C, 11 November 1998
|
|
|
+ <dd><a name=refsSTTS></a> Daniel Glazman; "<cite>Simple Tree Transformation Sheets 3</cite>", Electricité de France, submission to the W3C, 11 November 1998
|
|
|
<dd>(<code><a href="http://www.w3.org/TR/NOTE-STTS3">http://www.w3.org/TR/NOTE-STTS3</a></code>)
|
|
|
|
|
|
<dt>[SVG]
|