OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script src="../htmlrunner.js"></script> | 3 <script src="../htmlrunner.js"></script> |
4 <script> | 4 <script> |
5 window.onload = function(){ | 5 window.onload = function(){ |
6 startTest("dom-query"); | 6 startTest("dom-query"); |
7 | 7 |
8 // Try to force real results | 8 // Try to force real results |
9 var ret, tmp; | 9 var ret, tmp; |
10 var num = 40; | 10 var num = 40; |
11 var html = document.body.innerHTML; | 11 var html = document.body.innerHtml; |
12 | 12 |
13 prep(function(){ | 13 prep(function(){ |
14 html = html.replace(/id="test(\w).*?"/g, 'id="test$1' + num + '"
'); | 14 html = html.replace(/id="test(\w).*?"/g, 'id="test$1' + num + '"
'); |
15 html = html.replace(/name="test.*?"/g, 'name="test' + num + '"')
; | 15 html = html.replace(/name="test.*?"/g, 'name="test' + num + '"')
; |
16 html = html.replace(/class="foo.*?"/g, 'class="foo test' + num +
' bar"'); | 16 html = html.replace(/class="foo.*?"/g, 'class="foo test' + num +
' bar"'); |
17 var div = document.createElement("div"); | 17 var div = document.createElement("div"); |
18 » » div.innerHTML = html; | 18 » » div.innerHtml = html; |
19 document.body.appendChild( div ); | 19 document.body.appendChild( div ); |
20 }); | 20 }); |
21 | 21 |
22 test( "getElementById", function(){ | 22 test( "getElementById", function(){ |
23 for ( var i = 0; i < num * 30; i++ ) { | 23 for ( var i = 0; i < num * 30; i++ ) { |
24 ret = document.getElementById("testA" + num).nodeType; | 24 ret = document.getElementById("testA" + num).nodeType; |
25 ret = document.getElementById("testB" + num).nodeType; | 25 ret = document.getElementById("testB" + num).nodeType; |
26 ret = document.getElementById("testC" + num).nodeType; | 26 ret = document.getElementById("testC" + num).nodeType; |
27 ret = document.getElementById("testD" + num).nodeType; | 27 ret = document.getElementById("testD" + num).nodeType; |
28 ret = document.getElementById("testE" + num).nodeType; | 28 ret = document.getElementById("testE" + num).nodeType; |
(...skipping 319 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
348 specification, these have been described in terms of CSS2.1. <a | 348 specification, these have been described in terms of CSS2.1. <a |
349 href="#refsCSS21">[CSS21]</a></p> | 349 href="#refsCSS21">[CSS21]</a></p> |
350 | 350 |
351 <h3><a name=terminology></a>1.2. Terminology</h3> | 351 <h3><a name=terminology></a>1.2. Terminology</h3> |
352 | 352 |
353 <p>All of the text of this specification is normative except | 353 <p>All of the text of this specification is normative except |
354 examples, notes, and sections explicitly marked as | 354 examples, notes, and sections explicitly marked as |
355 non-normative.</p> | 355 non-normative.</p> |
356 | 356 |
357 <h3><a name=changesFromCSS2></a>1.3. Changes from CSS2</h3> | 357 <h3><a name=changesFromCSS2></a>1.3. Changes from CSS2</h3> |
358 | 358 |
359 <p><em>This section is non-normative.</em></p> | 359 <p><em>This section is non-normative.</em></p> |
360 | 360 |
361 <p>The main differences between the selectors in CSS2 and those in | 361 <p>The main differences between the selectors in CSS2 and those in |
362 Selectors are: | 362 Selectors are: |
363 | 363 |
364 <ul> | 364 <ul> |
365 | 365 |
366 <li>the list of basic definitions (selector, group of selectors, | 366 <li>the list of basic definitions (selector, group of selectors, |
367 simple selector, etc.) has been changed; in particular, what was | 367 simple selector, etc.) has been changed; in particular, what was |
368 referred to in CSS2 as a simple selector is now called a sequence | 368 referred to in CSS2 as a simple selector is now called a sequence |
(...skipping 1162 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1531 | 1531 |
1532 | 1532 |
1533 <h5><a name=indeterminate>The :indeterminate pseudo-class</a></h5> | 1533 <h5><a name=indeterminate>The :indeterminate pseudo-class</a></h5> |
1534 | 1534 |
1535 <div class="note"> | 1535 <div class="note"> |
1536 | 1536 |
1537 <p>Radio and checkbox elements can be toggled by the user, but are | 1537 <p>Radio and checkbox elements can be toggled by the user, but are |
1538 sometimes in an indeterminate state, neither checked nor unchecked. | 1538 sometimes in an indeterminate state, neither checked nor unchecked. |
1539 This can be due to an element attribute, or DOM manipulation.</p> | 1539 This can be due to an element attribute, or DOM manipulation.</p> |
1540 | 1540 |
1541 <p>A future version of this specification may introduce an | 1541 <p>A future version of this specification may introduce an |
1542 <code>:indeterminate</code> pseudo-class that applies to such elements. | 1542 <code>:indeterminate</code> pseudo-class that applies to such elements. |
1543 <!--While the <code>:indeterminate</code> pseudo-class is dynamic in | 1543 <!--While the <code>:indeterminate</code> pseudo-class is dynamic in |
1544 nature, and is altered by user action, since it can also be based on | 1544 nature, and is altered by user action, since it can also be based on |
1545 the presence of an element attribute, it applies to all media.</p> | 1545 the presence of an element attribute, it applies to all media.</p> |
1546 | 1546 |
1547 <p>Components of a radio-group initialized with no pre-selected choice | 1547 <p>Components of a radio-group initialized with no pre-selected choice |
1548 are an example of :indeterminate state.--></p> | 1548 are an example of :indeterminate state.--></p> |
1549 | 1549 |
1550 </div> | 1550 </div> |
1551 | 1551 |
1552 | 1552 |
1553 <h4><a name=structural-pseudos>6.6.5. Structural pseudo-classes</a></h4> | 1553 <h4><a name=structural-pseudos>6.6.5. Structural pseudo-classes</a></h4> |
1554 | 1554 |
1555 <p>Selectors introduces the concept of <dfn>structural | 1555 <p>Selectors introduces the concept of <dfn>structural |
1556 pseudo-classes</dfn> to permit selection based on extra information that lies in | 1556 pseudo-classes</dfn> to permit selection based on extra information that lies in |
1557 the document tree but cannot be represented by other simple selectors or | 1557 the document tree but cannot be represented by other simple selectors or |
1558 combinators. | 1558 combinators. |
1559 | 1559 |
1560 <p>Note that standalone pieces of PCDATA (text nodes in the DOM) are | 1560 <p>Note that standalone pieces of PCDATA (text nodes in the DOM) are |
1561 not counted when calculating the position of an element in the list of | 1561 not counted when calculating the position of an element in the list of |
1562 children of its parent. When calculating the position of an element in | 1562 children of its parent. When calculating the position of an element in |
1563 the list of children of its parent, the index numbering starts at 1. | 1563 the list of children of its parent, the index numbering starts at 1. |
1564 | 1564 |
1565 | 1565 |
1566 <h5><a name=root-pseudo>:root pseudo-class</a></h5> | 1566 <h5><a name=root-pseudo>:root pseudo-class</a></h5> |
1567 | 1567 |
1568 <p>The <code>:root</code> pseudo-class represents an element that is | 1568 <p>The <code>:root</code> pseudo-class represents an element that is |
(...skipping 171 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1740 <p>Examples:</p> | 1740 <p>Examples:</p> |
1741 <p>The following selector represents a <code>p</code> element that is | 1741 <p>The following selector represents a <code>p</code> element that is |
1742 the first child of a <code>div</code> element:</p> | 1742 the first child of a <code>div</code> element:</p> |
1743 <pre>div > p:first-child</pre> | 1743 <pre>div > p:first-child</pre> |
1744 <p>This selector can represent the <code>p</code> inside the | 1744 <p>This selector can represent the <code>p</code> inside the |
1745 <code>div</code> of the following fragment:</p> | 1745 <code>div</code> of the following fragment:</p> |
1746 <pre><p> The last P before the note.</p> | 1746 <pre><p> The last P before the note.</p> |
1747 <div class="note"> | 1747 <div class="note"> |
1748 <p> The first P inside the note.</p> | 1748 <p> The first P inside the note.</p> |
1749 </div></pre>but cannot represent the second <code>p</code> in the followin
g | 1749 </div></pre>but cannot represent the second <code>p</code> in the followin
g |
1750 fragment: | 1750 fragment: |
1751 <pre><p> The last P before the note.</p> | 1751 <pre><p> The last P before the note.</p> |
1752 <div class="note"> | 1752 <div class="note"> |
1753 <h2> Note </h2> | 1753 <h2> Note </h2> |
1754 <p> The first P inside the note.</p> | 1754 <p> The first P inside the note.</p> |
1755 </div></pre> | 1755 </div></pre> |
1756 <p>The following two selectors are usually equivalent:</p> | 1756 <p>The following two selectors are usually equivalent:</p> |
1757 <pre>* > a:first-child /* a is first child of any element */ | 1757 <pre>* > a:first-child /* a is first child of any element */ |
1758 a:first-child /* Same (assuming a is not the root element) */</pre> | 1758 a:first-child /* Same (assuming a is not the root element) */</pre> |
1759 </div> | 1759 </div> |
1760 | 1760 |
1761 <h5><a name=last-child-pseudo>:last-child pseudo-class</a></h5> | 1761 <h5><a name=last-child-pseudo>:last-child pseudo-class</a></h5> |
1762 | 1762 |
1763 <p>Same as <code>:nth-last-child(1)</code>. The <code>:last-child</code> pseudo-
class | 1763 <p>Same as <code>:nth-last-child(1)</code>. The <code>:last-child</code> pseudo-
class |
1764 represents an element that is the last child of some other element. | 1764 represents an element that is the last child of some other element. |
1765 | 1765 |
1766 <div class="example"> | 1766 <div class="example"> |
1767 <p>Example:</p> | 1767 <p>Example:</p> |
1768 <p>The following selector represents a list item <code>li</code> that | 1768 <p>The following selector represents a list item <code>li</code> that |
1769 is the last child of an ordered list <code>ol</code>. | 1769 is the last child of an ordered list <code>ol</code>. |
1770 <pre>ol > li:last-child</pre> | 1770 <pre>ol > li:last-child</pre> |
1771 </div> | 1771 </div> |
1772 | 1772 |
1773 <h5><a name=first-of-type-pseudo>:first-of-type pseudo-class</a></h5> | 1773 <h5><a name=first-of-type-pseudo>:first-of-type pseudo-class</a></h5> |
1774 | 1774 |
1775 <p>Same as <code>:nth-of-type(1)</code>. The <code>:first-of-type</code> pseudo-
class | 1775 <p>Same as <code>:nth-of-type(1)</code>. The <code>:first-of-type</code> pseudo-
class |
1776 represents an element that is the first sibling of its type in the list of | 1776 represents an element that is the first sibling of its type in the list of |
1777 children of its parent element. | 1777 children of its parent element. |
1778 | 1778 |
1779 <div class="example"> | 1779 <div class="example"> |
1780 <p>Example:</p> | 1780 <p>Example:</p> |
1781 <p>The following selector represents a definition title | 1781 <p>The following selector represents a definition title |
1782 <code>dt</code> inside a definition list <code>dl</code>, this | 1782 <code>dt</code> inside a definition list <code>dl</code>, this |
1783 <code>dt</code> being the first of its type in the list of children of | 1783 <code>dt</code> being the first of its type in the list of children of |
1784 its parent element.</p> | 1784 its parent element.</p> |
1785 <pre>dl dt:first-of-type</pre> | 1785 <pre>dl dt:first-of-type</pre> |
1786 <p>It is a valid description for the first two <code>dt</code> | 1786 <p>It is a valid description for the first two <code>dt</code> |
1787 elements in the following example but not for the third one:</p> | 1787 elements in the following example but not for the third one:</p> |
(...skipping 158 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1946 | 1946 |
1947 <p>The selector <code>p::first-line</code> does not match any real | 1947 <p>The selector <code>p::first-line</code> does not match any real |
1948 HTML element. It does match a pseudo-element that conforming user | 1948 HTML element. It does match a pseudo-element that conforming user |
1949 agents will insert at the beginning of every paragraph.</p> | 1949 agents will insert at the beginning of every paragraph.</p> |
1950 | 1950 |
1951 <p>Note that the length of the first line depends on a number of | 1951 <p>Note that the length of the first line depends on a number of |
1952 factors, including the width of the page, the font size, etc. Thus, | 1952 factors, including the width of the page, the font size, etc. Thus, |
1953 an ordinary HTML paragraph such as:</p> | 1953 an ordinary HTML paragraph such as:</p> |
1954 | 1954 |
1955 <pre> | 1955 <pre> |
1956 <P>This is a somewhat long HTML | 1956 <P>This is a somewhat long HTML |
1957 paragraph that will be broken into several | 1957 paragraph that will be broken into several |
1958 lines. The first line will be identified | 1958 lines. The first line will be identified |
1959 by a fictional tag sequence. The other lines | 1959 by a fictional tag sequence. The other lines |
1960 will be treated as ordinary lines in the | 1960 will be treated as ordinary lines in the |
1961 paragraph.</P> | 1961 paragraph.</P> |
1962 </pre> | 1962 </pre> |
1963 | 1963 |
1964 <p>the lines of which happen to be broken as follows: | 1964 <p>the lines of which happen to be broken as follows: |
1965 | 1965 |
1966 <pre> | 1966 <pre> |
1967 THIS IS A SOMEWHAT LONG HTML PARAGRAPH THAT | 1967 THIS IS A SOMEWHAT LONG HTML PARAGRAPH THAT |
1968 will be broken into several lines. The first | 1968 will be broken into several lines. The first |
1969 line will be identified by a fictional tag | 1969 line will be identified by a fictional tag |
1970 sequence. The other lines will be treated as | 1970 sequence. The other lines will be treated as |
1971 ordinary lines in the paragraph. | 1971 ordinary lines in the paragraph. |
1972 </pre> | 1972 </pre> |
1973 | 1973 |
1974 <p>This paragraph might be "rewritten" by user agents to include the | 1974 <p>This paragraph might be "rewritten" by user agents to include the |
1975 <em>fictional tag sequence</em> for <code>::first-line</code>. This | 1975 <em>fictional tag sequence</em> for <code>::first-line</code>. This |
1976 fictional tag sequence helps to show how properties are inherited.</p> | 1976 fictional tag sequence helps to show how properties are inherited.</p> |
1977 | 1977 |
1978 <pre> | 1978 <pre> |
1979 <P><b><P::first-line></b> This is a somewhat long HTML | 1979 <P><b><P::first-line></b> This is a somewhat long HTML |
1980 paragraph that <b></P::first-line></b> will be broken into several | 1980 paragraph that <b></P::first-line></b> will be broken into several |
1981 lines. The first line will be identified | 1981 lines. The first line will be identified |
1982 by a fictional tag sequence. The other lines | 1982 by a fictional tag sequence. The other lines |
1983 will be treated as ordinary lines in the | 1983 will be treated as ordinary lines in the |
1984 paragraph.</P> | 1984 paragraph.</P> |
1985 </pre> | 1985 </pre> |
1986 | 1986 |
1987 <p>If a pseudo-element breaks up a real element, the desired effect | 1987 <p>If a pseudo-element breaks up a real element, the desired effect |
1988 can often be described by a fictional tag sequence that closes and | 1988 can often be described by a fictional tag sequence that closes and |
1989 then re-opens the element. Thus, if we mark up the previous paragraph | 1989 then re-opens the element. Thus, if we mark up the previous paragraph |
1990 with a <code>span</code> element:</p> | 1990 with a <code>span</code> element:</p> |
1991 | 1991 |
1992 <pre> | 1992 <pre> |
1993 <P><b><SPAN class="test"></b> This is a somewhat long HTML | 1993 <P><b><SPAN class="test"></b> This is a somewhat long HTML |
1994 paragraph that will be broken into several | 1994 paragraph that will be broken into several |
1995 lines.<b></SPAN></b> The first line will be identified | 1995 lines.<b></SPAN></b> The first line will be identified |
1996 by a fictional tag sequence. The other lines | 1996 by a fictional tag sequence. The other lines |
1997 will be treated as ordinary lines in the | 1997 will be treated as ordinary lines in the |
1998 paragraph.</P> | 1998 paragraph.</P> |
1999 </pre> | 1999 </pre> |
2000 | 2000 |
2001 <p>the user agent could simulate start and end tags for | 2001 <p>the user agent could simulate start and end tags for |
2002 <code>span</code> when inserting the fictional tag sequence for | 2002 <code>span</code> when inserting the fictional tag sequence for |
2003 <code>::first-line</code>. | 2003 <code>::first-line</code>. |
2004 | 2004 |
2005 <pre> | 2005 <pre> |
2006 <P><P::first-line><b><SPAN class="test"></b> This is a | 2006 <P><P::first-line><b><SPAN class="test"></b> This is a |
2007 somewhat long HTML | 2007 somewhat long HTML |
2008 paragraph that will <b></SPAN></b></P::first-line><b><SPAN class=
"test"></b> be | 2008 paragraph that will <b></SPAN></b></P::first-line><b><SPAN class=
"test"></b> be |
2009 broken into several | 2009 broken into several |
2010 lines.<b></SPAN></b> The first line will be identified | 2010 lines.<b></SPAN></b> The first line will be identified |
2011 by a fictional tag sequence. The other lines | 2011 by a fictional tag sequence. The other lines |
2012 will be treated as ordinary lines in the | 2012 will be treated as ordinary lines in the |
2013 paragraph.</P> | 2013 paragraph.</P> |
2014 </pre> | 2014 </pre> |
2015 | 2015 |
2016 <p>In CSS, the <code>::first-line</code> pseudo-element can only be | 2016 <p>In CSS, the <code>::first-line</code> pseudo-element can only be |
2017 attached to a block-level element, an inline-block, a table-caption, | 2017 attached to a block-level element, an inline-block, a table-caption, |
2018 or a table-cell.</p> | 2018 or a table-cell.</p> |
2019 | 2019 |
2020 <p><a name="first-formatted-line"></a>The "first formatted line" of an | 2020 <p><a name="first-formatted-line"></a>The "first formatted line" of an |
2021 element may occur inside a | 2021 element may occur inside a |
2022 block-level descendant in the same flow (i.e., a block-level | 2022 block-level descendant in the same flow (i.e., a block-level |
(...skipping 117 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2140 | 2140 |
2141 <p>The <span class="index-inst" title="fictional tag | 2141 <p>The <span class="index-inst" title="fictional tag |
2142 sequence">fictional tag sequence</span> is:</p> | 2142 sequence">fictional tag sequence</span> is:</p> |
2143 | 2143 |
2144 <pre> | 2144 <pre> |
2145 <P> | 2145 <P> |
2146 <SPAN> | 2146 <SPAN> |
2147 <P::first-letter> | 2147 <P::first-letter> |
2148 T | 2148 T |
2149 </P::first-letter>he first | 2149 </P::first-letter>he first |
2150 </SPAN> | 2150 </SPAN> |
2151 few words of an article in the Economist. | 2151 few words of an article in the Economist. |
2152 </P> | 2152 </P> |
2153 </pre> | 2153 </pre> |
2154 | 2154 |
2155 <p>Note that the <code>::first-letter</code> pseudo-element tags abut | 2155 <p>Note that the <code>::first-letter</code> pseudo-element tags abut |
2156 the content (i.e., the initial character), while the ::first-line | 2156 the content (i.e., the initial character), while the ::first-line |
2157 pseudo-element start tag is inserted right after the start tag of the | 2157 pseudo-element start tag is inserted right after the start tag of the |
2158 block element.</p> </div> | 2158 block element.</p> </div> |
2159 | 2159 |
2160 <p>In order to achieve traditional drop caps formatting, user agents | 2160 <p>In order to achieve traditional drop caps formatting, user agents |
(...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2251 p::first-line { color: blue } | 2251 p::first-line { color: blue } |
2252 | 2252 |
2253 <P>Some text that ends up on two lines</P></pre> | 2253 <P>Some text that ends up on two lines</P></pre> |
2254 | 2254 |
2255 <p>Assuming that a line break will occur before the word "ends", the | 2255 <p>Assuming that a line break will occur before the word "ends", the |
2256 <span class="index-inst" title="fictional tag sequence">fictional tag | 2256 <span class="index-inst" title="fictional tag sequence">fictional tag |
2257 sequence</span> for this fragment might be:</p> | 2257 sequence</span> for this fragment might be:</p> |
2258 | 2258 |
2259 <pre><P> | 2259 <pre><P> |
2260 <P::first-line> | 2260 <P::first-line> |
2261 <P::first-letter> | 2261 <P::first-letter> |
2262 S | 2262 S |
2263 </P::first-letter>ome text that | 2263 </P::first-letter>ome text that |
2264 </P::first-line> | 2264 </P::first-line> |
2265 ends up on two lines | 2265 ends up on two lines |
2266 </P></pre> | 2266 </P></pre> |
2267 | 2267 |
2268 <p>Note that the <code>::first-letter</code> element is inside the <code>::first
-line</code> | 2268 <p>Note that the <code>::first-letter</code> element is inside the <code>::first
-line</code> |
2269 element. Properties set on <code>::first-line</code> are inherited by | 2269 element. Properties set on <code>::first-line</code> are inherited by |
2270 <code>::first-letter</code>, but are overridden if the same property is set on | 2270 <code>::first-letter</code>, but are overridden if the same property is set on |
2271 <code>::first-letter</code>.</p> | 2271 <code>::first-letter</code>.</p> |
2272 </div> | 2272 </div> |
2273 | 2273 |
2274 | 2274 |
2275 <h4><a name=UIfragments>7.3.</a> <a name=selection>The ::selection pseudo-elemen
t</a></h4> | 2275 <h4><a name=UIfragments>7.3.</a> <a name=selection>The ::selection pseudo-elemen
t</a></h4> |
(...skipping 486 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2762 <th>Specification</th> | 2762 <th>Specification</th> |
2763 <td>CSS level 1</td></tr> | 2763 <td>CSS level 1</td></tr> |
2764 <tr> | 2764 <tr> |
2765 <th>Accepts</th> | 2765 <th>Accepts</th> |
2766 <td>type selectors<br>class selectors<br>ID selectors<br>:link, | 2766 <td>type selectors<br>class selectors<br>ID selectors<br>:link, |
2767 :visited and :active pseudo-classes<br>descendant combinator | 2767 :visited and :active pseudo-classes<br>descendant combinator |
2768 <br>::first-line and ::first-letter pseudo-elements</td></tr> | 2768 <br>::first-line and ::first-letter pseudo-elements</td></tr> |
2769 <tr> | 2769 <tr> |
2770 <th>Excludes</th> | 2770 <th>Excludes</th> |
2771 <td> | 2771 <td> |
2772 | 2772 |
2773 <p>universal selector<br>attribute selectors<br>:hover and :focus | 2773 <p>universal selector<br>attribute selectors<br>:hover and :focus |
2774 pseudo-classes<br>:target pseudo-class<br>:lang() pseudo-class<br>all UI | 2774 pseudo-classes<br>:target pseudo-class<br>:lang() pseudo-class<br>all UI |
2775 element states pseudo-classes<br>all structural | 2775 element states pseudo-classes<br>all structural |
2776 pseudo-classes<br>negation pseudo-class<br>all | 2776 pseudo-classes<br>negation pseudo-class<br>all |
2777 UI element fragments pseudo-elements<br>::before and ::after | 2777 UI element fragments pseudo-elements<br>::before and ::after |
2778 pseudo-elements<br>child combinators<br>sibling combinators | 2778 pseudo-elements<br>child combinators<br>sibling combinators |
2779 | 2779 |
2780 <p>namespaces</td></tr> | 2780 <p>namespaces</td></tr> |
2781 <tr> | 2781 <tr> |
2782 <th>Extra constraints</th> | 2782 <th>Extra constraints</th> |
2783 <td>only one class selector allowed per sequence of simple | 2783 <td>only one class selector allowed per sequence of simple |
2784 selectors</td></tr></tbody></table><br><br> | 2784 selectors</td></tr></tbody></table><br><br> |
2785 <table class="tprofile"> | 2785 <table class="tprofile"> |
2786 <tbody> | 2786 <tbody> |
2787 <tr> | 2787 <tr> |
2788 <th class="title" colspan=2>Selectors profile</th></tr> | 2788 <th class="title" colspan=2>Selectors profile</th></tr> |
2789 <tr> | 2789 <tr> |
2790 <th>Specification</th> | 2790 <th>Specification</th> |
2791 <td>CSS level 2</td></tr> | 2791 <td>CSS level 2</td></tr> |
2792 <tr> | 2792 <tr> |
2793 <th>Accepts</th> | 2793 <th>Accepts</th> |
2794 <td>type selectors<br>universal selector<br>attribute presence and | 2794 <td>type selectors<br>universal selector<br>attribute presence and |
2795 values selectors<br>class selectors<br>ID selectors<br>:link, :visited, | 2795 values selectors<br>class selectors<br>ID selectors<br>:link, :visited, |
2796 :active, :hover, :focus, :lang() and :first-child pseudo-classes | 2796 :active, :hover, :focus, :lang() and :first-child pseudo-classes |
2797 <br>descendant combinator<br>child combinator<br>adjacent sibling | 2797 <br>descendant combinator<br>child combinator<br>adjacent sibling |
2798 combinator<br>::first-line and ::first-letter pseudo-elements<br>::before | 2798 combinator<br>::first-line and ::first-letter pseudo-elements<br>::before |
2799 and ::after pseudo-elements</td></tr> | 2799 and ::after pseudo-elements</td></tr> |
2800 <tr> | 2800 <tr> |
2801 <th>Excludes</th> | 2801 <th>Excludes</th> |
2802 <td> | 2802 <td> |
2803 | 2803 |
2804 <p>content selectors<br>substring matching attribute | 2804 <p>content selectors<br>substring matching attribute |
2805 selectors<br>:target pseudo-classes<br>all UI element | 2805 selectors<br>:target pseudo-classes<br>all UI element |
2806 states pseudo-classes<br>all structural pseudo-classes other | 2806 states pseudo-classes<br>all structural pseudo-classes other |
2807 than :first-child<br>negation pseudo-class<br>all UI element | 2807 than :first-child<br>negation pseudo-class<br>all UI element |
2808 fragments pseudo-elements<br>general sibling combinators | 2808 fragments pseudo-elements<br>general sibling combinators |
2809 | 2809 |
2810 <p>namespaces</td></tr> | 2810 <p>namespaces</td></tr> |
2811 <tr> | 2811 <tr> |
2812 <th>Extra constraints</th> | 2812 <th>Extra constraints</th> |
2813 <td>more than one class selector per sequence of simple selectors (CSS1 | 2813 <td>more than one class selector per sequence of simple selectors (CSS1 |
2814 constraint) allowed</td></tr></tbody></table> | 2814 constraint) allowed</td></tr></tbody></table> |
2815 | 2815 |
2816 <p>In CSS, selectors express pattern matching rules that determine which style | 2816 <p>In CSS, selectors express pattern matching rules that determine which style |
2817 rules apply to elements in the document tree. | 2817 rules apply to elements in the document tree. |
2818 | 2818 |
2819 <p>The following selector (CSS level 2) will <b>match</b> all anchors <code>a</c
ode> | 2819 <p>The following selector (CSS level 2) will <b>match</b> all anchors <code>a</c
ode> |
2820 with attribute <code>name</code> set inside a section 1 header <code>h1</code>: | 2820 with attribute <code>name</code> set inside a section 1 header <code>h1</code>: |
2821 <pre>h1 a[name]</pre> | 2821 <pre>h1 a[name]</pre> |
2822 | 2822 |
2823 <p>All CSS declarations attached to such a selector are applied to elements | 2823 <p>All CSS declarations attached to such a selector are applied to elements |
2824 matching it. </div> | 2824 matching it. </div> |
2825 | 2825 |
2826 <div class="profile"> | 2826 <div class="profile"> |
2827 <table class="tprofile"> | 2827 <table class="tprofile"> |
2828 <tbody> | 2828 <tbody> |
2829 <tr> | 2829 <tr> |
2830 <th class="title" colspan=2>Selectors profile</th></tr> | 2830 <th class="title" colspan=2>Selectors profile</th></tr> |
2831 <tr> | 2831 <tr> |
2832 <th>Specification</th> | 2832 <th>Specification</th> |
2833 <td>STTS 3</td> | 2833 <td>STTS 3</td> |
2834 </tr> | 2834 </tr> |
2835 <tr> | 2835 <tr> |
2836 <th>Accepts</th> | 2836 <th>Accepts</th> |
2837 <td> | 2837 <td> |
2838 | 2838 |
2839 <p>type selectors<br>universal selectors<br>attribute selectors<br>class | 2839 <p>type selectors<br>universal selectors<br>attribute selectors<br>class |
2840 selectors<br>ID selectors<br>all structural pseudo-classes<br> | 2840 selectors<br>ID selectors<br>all structural pseudo-classes<br> |
2841 all combinators | 2841 all combinators |
2842 | 2842 |
2843 <p>namespaces</td></tr> | 2843 <p>namespaces</td></tr> |
2844 <tr> | 2844 <tr> |
2845 <th>Excludes</th> | 2845 <th>Excludes</th> |
2846 <td>non-accepted pseudo-classes<br>pseudo-elements<br></td></tr> | 2846 <td>non-accepted pseudo-classes<br>pseudo-elements<br></td></tr> |
2847 <tr> | 2847 <tr> |
2848 <th>Extra constraints</th> | 2848 <th>Extra constraints</th> |
2849 <td>some selectors and combinators are not allowed in fragment | 2849 <td>some selectors and combinators are not allowed in fragment |
2850 descriptions on the right side of STTS declarations.</td></tr></tbody></ta
ble> | 2850 descriptions on the right side of STTS declarations.</td></tr></tbody></ta
ble> |
2851 <form> | 2851 <form> |
2852 <input type="text" name="test10"/> | 2852 <input type="text" name="test10"/> |
(...skipping 15 matching lines...) Expand all Loading... |
2868 <input type="text" name="foo"/> | 2868 <input type="text" name="foo"/> |
2869 <input type="text" name="foo"/> | 2869 <input type="text" name="foo"/> |
2870 <input type="text" name="foo"/> | 2870 <input type="text" name="foo"/> |
2871 <input type="text" name="foo"/> | 2871 <input type="text" name="foo"/> |
2872 <input type="text" name="foo"/> | 2872 <input type="text" name="foo"/> |
2873 <input type="text" name="foo"/> | 2873 <input type="text" name="foo"/> |
2874 <input type="text" name="foo"/> | 2874 <input type="text" name="foo"/> |
2875 <input type="text" name="foo"/> | 2875 <input type="text" name="foo"/> |
2876 <input type="text" name="foo"/> | 2876 <input type="text" name="foo"/> |
2877 </form> | 2877 </form> |
2878 | 2878 |
2879 <p>Selectors can be used in STTS 3 in two different | 2879 <p>Selectors can be used in STTS 3 in two different |
2880 manners: | 2880 manners: |
2881 <ol> | 2881 <ol> |
2882 <li>a selection mechanism equivalent to CSS selection mechanism: declarations | 2882 <li>a selection mechanism equivalent to CSS selection mechanism: declarations |
2883 attached to a given selector are applied to elements matching that selector, | 2883 attached to a given selector are applied to elements matching that selector, |
2884 <li>fragment descriptions that appear on the right side of declarations. | 2884 <li>fragment descriptions that appear on the right side of declarations. |
2885 </li></ol></div> | 2885 </li></ol></div> |
2886 | 2886 |
2887 <h2><a name=Conformance></a>13. Conformance and requirements</h2> | 2887 <h2><a name=Conformance></a>13. Conformance and requirements</h2> |
2888 | 2888 |
2889 <p>This section defines conformance with the present specification only. | 2889 <p>This section defines conformance with the present specification only. |
2890 | 2890 |
2891 <p>The inability of a user agent to implement part of this specification due to | 2891 <p>The inability of a user agent to implement part of this specification due to |
2892 the limitations of a particular device (e.g., non interactive user agents will | 2892 the limitations of a particular device (e.g., non interactive user agents will |
2893 probably not implement dynamic pseudo-classes because they make no sense without | 2893 probably not implement dynamic pseudo-classes because they make no sense without |
2894 interactivity) does not imply non-conformance. | 2894 interactivity) does not imply non-conformance. |
2895 | 2895 |
2896 <p>All specifications reusing Selectors must contain a <a | 2896 <p>All specifications reusing Selectors must contain a <a |
2897 href="#profiling">Profile</a> listing the | 2897 href="#profiling">Profile</a> listing the |
2898 subset of Selectors it accepts or excludes, and describing the constraints | 2898 subset of Selectors it accepts or excludes, and describing the constraints |
2899 it adds to the current specification. | 2899 it adds to the current specification. |
2900 | 2900 |
2901 <p>Invalidity is caused by a parsing error, e.g. an unrecognized token or a toke
n | 2901 <p>Invalidity is caused by a parsing error, e.g. an unrecognized token or a toke
n |
2902 which is not allowed at the current parsing point. | 2902 which is not allowed at the current parsing point. |
2903 | 2903 |
2904 <p>User agents must observe the rules for handling parsing errors: | 2904 <p>User agents must observe the rules for handling parsing errors: |
2905 <ul> | 2905 <ul> |
2906 <li>a simple selector containing an undeclared namespace prefix is invalid</li
> | 2906 <li>a simple selector containing an undeclared namespace prefix is invalid</li
> |
2907 <li>a selector containing an invalid simple selector, an invalid combinator | 2907 <li>a selector containing an invalid simple selector, an invalid combinator |
2908 or an invalid token is invalid. </li> | 2908 or an invalid token is invalid. </li> |
2909 <li>a group of selectors containing an invalid selector is invalid.</li> | 2909 <li>a group of selectors containing an invalid selector is invalid.</li> |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2942 | 2942 |
2943 <h2><a name=references>16. References</a></h2> | 2943 <h2><a name=references>16. References</a></h2> |
2944 | 2944 |
2945 <dl class="refs"> | 2945 <dl class="refs"> |
2946 | 2946 |
2947 <dt>[CSS1] | 2947 <dt>[CSS1] |
2948 <dd><a name=refsCSS1></a> Bert Bos, Håkon Wium Lie; "<cite>Cascading Sty
le Sheets, level 1</cite>", W3C Recommendation, 17 Dec 1996, revised 11 Jan 1999 | 2948 <dd><a name=refsCSS1></a> Bert Bos, Håkon Wium Lie; "<cite>Cascading Sty
le Sheets, level 1</cite>", W3C Recommendation, 17 Dec 1996, revised 11 Jan 1999 |
2949 <dd>(<code><a href="http://www.w3.org/TR/REC-CSS1">http://www.w3.org/TR/REC-CS
S1</a></code>) | 2949 <dd>(<code><a href="http://www.w3.org/TR/REC-CSS1">http://www.w3.org/TR/REC-CS
S1</a></code>) |
2950 | 2950 |
2951 <dt>[CSS21] | 2951 <dt>[CSS21] |
2952 <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 | 2952 <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 |
2953 <dd>(<code><a href="http://www.w3.org/TR/CSS21">http://www.w3.org/TR/CSS21</a>
</code>) | 2953 <dd>(<code><a href="http://www.w3.org/TR/CSS21">http://www.w3.org/TR/CSS21</a>
</code>) |
2954 | 2954 |
2955 <dt>[CWWW] | 2955 <dt>[CWWW] |
2956 <dd><a name=refsCWWW></a> Martin J. Dürst, François Yergeau, Misha
Wolf, Asmus Freytag, Tex Texin, editors; "<cite>Character Model for the World W
ide Web</cite>", W3C Recommendation, 15 February 2005 | 2956 <dd><a name=refsCWWW></a> Martin J. Dürst, François Yergeau, Misha
Wolf, Asmus Freytag, Tex Texin, editors; "<cite>Character Model for the World W
ide Web</cite>", W3C Recommendation, 15 February 2005 |
2957 <dd>(<code><a href="http://www.w3.org/TR/charmod/">http://www.w3.org/TR/charmo
d/</a></code>) | 2957 <dd>(<code><a href="http://www.w3.org/TR/charmod/">http://www.w3.org/TR/charmo
d/</a></code>) |
2958 | 2958 |
2959 <dt>[FLEX] | 2959 <dt>[FLEX] |
2960 <dd><a name="refsFLEX"></a> "<cite>Flex: The Lexical Scanner Generator</cite>"
, Version 2.3.7, ISBN 1882114213 | 2960 <dd><a name="refsFLEX"></a> "<cite>Flex: The Lexical Scanner Generator</cite>"
, Version 2.3.7, ISBN 1882114213 |
2961 | 2961 |
2962 <dt>[HTML4] | 2962 <dt>[HTML4] |
2963 <dd><a name="refsHTML4"></a> Dave Ragget, Arnaud Le Hors, Ian Jacobs, editors;
"<cite>HTML 4.01 Specification</cite>", W3C Recommendation, 24 December 1999 | 2963 <dd><a name="refsHTML4"></a> Dave Ragget, Arnaud Le Hors, Ian Jacobs, editors;
"<cite>HTML 4.01 Specification</cite>", W3C Recommendation, 24 December 1999 |
2964 <dd>(<a href="http://www.w3.org/TR/html4/"><code>http://www.w3.org/TR/html4/</
code></a>) | 2964 <dd>(<a href="http://www.w3.org/TR/html4/"><code>http://www.w3.org/TR/html4/</
code></a>) |
2965 | 2965 |
2966 <dt>[MATH] | 2966 <dt>[MATH] |
2967 <dd><a name="refsMATH"></a> Patrick Ion, Robert Miner, editors; "<cite>Mathema
tical Markup Language (MathML) 1.01</cite>", W3C Recommendation, revision of 7 J
uly 1999 | 2967 <dd><a name="refsMATH"></a> Patrick Ion, Robert Miner, editors; "<cite>Mathema
tical Markup Language (MathML) 1.01</cite>", W3C Recommendation, revision of 7 J
uly 1999 |
2968 <dd>(<code><a href="http://www.w3.org/TR/REC-MathML/">http://www.w3.org/TR/REC
-MathML/</a></code>) | 2968 <dd>(<code><a href="http://www.w3.org/TR/REC-MathML/">http://www.w3.org/TR/REC
-MathML/</a></code>) |
2969 | 2969 |
2970 <dt>[RFC3066] | 2970 <dt>[RFC3066] |
2971 <dd><a name="refsRFC3066"></a> H. Alvestrand; "<cite>Tags for the Identificati
on of Languages</cite>", Request for Comments 3066, January 2001 | 2971 <dd><a name="refsRFC3066"></a> H. Alvestrand; "<cite>Tags for the Identificati
on of Languages</cite>", Request for Comments 3066, January 2001 |
2972 <dd>(<a href="http://www.ietf.org/rfc/rfc3066.txt"><code>http://www.ietf.org/r
fc/rfc3066.txt</code></a>) | 2972 <dd>(<a href="http://www.ietf.org/rfc/rfc3066.txt"><code>http://www.ietf.org/r
fc/rfc3066.txt</code></a>) |
2973 | 2973 |
2974 <dt>[STTS] | 2974 <dt>[STTS] |
2975 <dd><a name=refsSTTS></a> Daniel Glazman; "<cite>Simple Tree Transformation Sh
eets 3</cite>", Electricité de France, submission to the W3C, 11 November
1998 | 2975 <dd><a name=refsSTTS></a> Daniel Glazman; "<cite>Simple Tree Transformation Sh
eets 3</cite>", Electricité de France, submission to the W3C, 11 November
1998 |
2976 <dd>(<code><a href="http://www.w3.org/TR/NOTE-STTS3">http://www.w3.org/TR/NOTE
-STTS3</a></code>) | 2976 <dd>(<code><a href="http://www.w3.org/TR/NOTE-STTS3">http://www.w3.org/TR/NOTE
-STTS3</a></code>) |
2977 | 2977 |
2978 <dt>[SVG] | 2978 <dt>[SVG] |
2979 <dd><a name="refsSVG"></a> Jon Ferraiolo, 藤沢 淳, Dean Jack
son, editors; "<cite>Scalable Vector Graphics (SVG) 1.1 Specification</cite>", W
3C Recommendation, 14 January 2003 | 2979 <dd><a name="refsSVG"></a> Jon Ferraiolo, 藤沢 淳, Dean Jack
son, editors; "<cite>Scalable Vector Graphics (SVG) 1.1 Specification</cite>", W
3C Recommendation, 14 January 2003 |
2980 <dd>(<code><a href="http://www.w3.org/TR/SVG/">http://www.w3.org/TR/SVG/</a></
code>) | 2980 <dd>(<code><a href="http://www.w3.org/TR/SVG/">http://www.w3.org/TR/SVG/</a></
code>) |
2981 | 2981 |
2982 <dt>[UNICODE]</dt> | 2982 <dt>[UNICODE]</dt> |
2983 <dd><a name="refsUNICODE"></a> <cite><a | 2983 <dd><a name="refsUNICODE"></a> <cite><a |
2984 href="http://www.unicode.org/versions/Unicode4.1.0/">The Unicode Standard, Ve
rsion 4.1</a></cite>, The Unicode Consortium. Boston, MA, Addison-Wesley, March
2005. ISBN 0-321-18578-1, as amended by <a href="http://www.unicode.org/versions
/Unicode4.0.1/">Unicode 4.0.1</a> and <a href="http://www.unicode.org/versions/U
nicode4.1.0/">Unicode 4.1.0</a>. | 2984 href="http://www.unicode.org/versions/Unicode4.1.0/">The Unicode Standard, Ve
rsion 4.1</a></cite>, The Unicode Consortium. Boston, MA, Addison-Wesley, March
2005. ISBN 0-321-18578-1, as amended by <a href="http://www.unicode.org/versions
/Unicode4.0.1/">Unicode 4.0.1</a> and <a href="http://www.unicode.org/versions/U
nicode4.1.0/">Unicode 4.1.0</a>. |
2985 <dd>(<code><a href="http://www.unicode.org/versions/">http://www.unicode.org/v
ersions/</a></code>)</dd> | 2985 <dd>(<code><a href="http://www.unicode.org/versions/">http://www.unicode.org/v
ersions/</a></code>)</dd> |
2986 | 2986 |
2987 <dt>[XML10] | 2987 <dt>[XML10] |
2988 <dd><a name="refsXML10"></a> Tim Bray, Jean Paoli, C. M. Sperberg-McQueen, Eve
Maler, François Yergeau, editors; "<cite>Extensible Markup Language (XML
) 1.0 (Third Edition)</cite>", W3C Recommendation, 4 February 2004 | 2988 <dd><a name="refsXML10"></a> Tim Bray, Jean Paoli, C. M. Sperberg-McQueen, Eve
Maler, François Yergeau, editors; "<cite>Extensible Markup Language (XML
) 1.0 (Third Edition)</cite>", W3C Recommendation, 4 February 2004 |
2989 <dd>(<a href="http://www.w3.org/TR/REC-xml/"><code>http://www.w3.org/TR/REC-xm
l/</code></a>) | 2989 <dd>(<a href="http://www.w3.org/TR/REC-xml/"><code>http://www.w3.org/TR/REC-xm
l/</code></a>) |
2990 | 2990 |
2991 <dt>[XMLNAMES] | 2991 <dt>[XMLNAMES] |
2992 <dd><a name="refsXMLNAMES"></a> Tim Bray, Dave Hollander, Andrew Layman, edito
rs; "<cite>Namespaces in XML</cite>", W3C Recommendation, 14 January 1999 | 2992 <dd><a name="refsXMLNAMES"></a> Tim Bray, Dave Hollander, Andrew Layman, edito
rs; "<cite>Namespaces in XML</cite>", W3C Recommendation, 14 January 1999 |
2993 <dd>(<a href="http://www.w3.org/TR/REC-xml-names/"><code>http://www.w3.org/TR/
REC-xml-names/</code></a>) | 2993 <dd>(<a href="http://www.w3.org/TR/REC-xml-names/"><code>http://www.w3.org/TR/
REC-xml-names/</code></a>) |
2994 | 2994 |
2995 <dt>[YACC] | 2995 <dt>[YACC] |
2996 <dd><a name="refsYACC"></a> S. C. Johnson; "<cite>YACC — Yet another com
piler compiler</cite>", Technical Report, Murray Hill, 1975 | 2996 <dd><a name="refsYACC"></a> S. C. Johnson; "<cite>YACC — Yet another com
piler compiler</cite>", Technical Report, Murray Hill, 1975 |
2997 | 2997 |
2998 </dl> | 2998 </dl> |
2999 </body> | 2999 </body> |
3000 </html> | 3000 </html> |
OLD | NEW |