- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 12 Aug 2011 23:10:15 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/selectors4
In directory hutz:/tmp/cvs-serv12225
Modified Files:
Overview.html Overview.src.html
Log Message:
Tweak heading anchors, shift doc conventions section to end
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/selectors4/Overview.html,v
retrieving revision 1.45
retrieving revision 1.46
diff -u -d -r1.45 -r1.46
--- Overview.html 12 Aug 2011 22:50:24 -0000 1.45
+++ Overview.html 12 Aug 2011 23:10:12 -0000 1.46
@@ -90,7 +90,7 @@
[[!CSS3SELECT]], and further introduces new selectors for CSS and other
languages that may need them.
- <h2 class="no-num no-toc" id=status>Status of this document</h2>
+ <h2 class="no-num no-toc" id=status>Status of this Document</h2>
<!--begin-status-->
<p>This is a public copy of the editors' draft. It is provided for
@@ -125,7 +125,7 @@
W3C Patent Policy</a>.</p>
<!--end-status-->
- <h2 class="no-num no-toc" id=contents>Table of contents</h2>
+ <h2 class="no-num no-toc" id=contents>Table of Contents</h2>
<!--begin-toc-->
<ul class=toc>
@@ -133,9 +133,6 @@
<ul class=toc>
<li><a href="#placement"><span class=secno>1.1. </span>Module
Interactions</a>
-
- <li><a href="#conventions"><span class=secno>1.2. </span>Document
- Conventions</a>
</ul>
<li><a href="#overview"><span class=secno>2. </span> Selectors
@@ -225,146 +222,164 @@
Pseudo-classes</a>
<ul class=toc>
<li><a href="#any-link-pseudo"><span class=secno>7.1. </span> The
- hyperlink pseudo-class: :any-link</a>
+ hyperlink pseudo-class: ‘<code
+ class=css>:any-link</code>’</a>
<li><a href="#link"><span class=secno>7.2. </span> The link history
- pseudo-classes: :link and :visited</a>
+ pseudo-classes: ‘<code class=css>:link</code>’ and
+ ‘<code class=css>:visited</code>’</a>
- <li><a href="#here-pseudo"><span class=secno>7.3. </span> The link
- location pseudo-class :local-link</a>
+ <li><a href="#here-pseudo"><span class=secno>7.3. </span> The local link
+ pseudo-class ‘<code class=css>:local-link</code>’</a>
<li><a href="#target-pseudo"><span class=secno>7.4. </span> The target
- pseudo-class :target</a>
+ pseudo-class ‘<code class=css>:target</code>’</a>
- <li><a href="#scope-pseudo"><span class=secno>7.5. </span> The scope
- pseudo-class :scope</a>
+ <li><a href="#scope-pseudo"><span class=secno>7.5. </span> The
+ contextual reference element pseudo-class ‘<code
+ class=css>:scope</code>’</a>
</ul>
<li><a href="#useraction-pseudos"><span class=secno>8. </span> User Action
Pseudo-classes</a>
<ul class=toc>
<li><a href="#hover-pseudo"><span class=secno>8.1. </span> The pointer
- hover pseudo-class :hover</a>
+ hover pseudo-class ‘<code class=css>:hover</code>’</a>
<li><a href="#active-pseudo"><span class=secno>8.2. </span> The
- activation pseudo-class :active</a>
+ activation pseudo-class ‘<code
+ class=css>:active</code>’</a>
<li><a href="#active-pseudo"><span class=secno>8.3. </span> The input
- focus pseudo-class :focus</a>
+ focus pseudo-class ‘<code class=css>:focus</code>’</a>
</ul>
<li><a href="#time-pseudo"><span class=secno>9. </span> Time-linear
Presentation Pseudo-classes</a>
<ul class=toc>
<li><a href="#current-pseudo"><span class=secno>9.1. </span> The
- current-element pseudo-class <code>:current</code></a>
+ current-element pseudo-class ‘<code
+ class=css>:current</code>’</a>
<li><a href="#past-pseudo"><span class=secno>9.2. </span> The
- past-element pseudo-class <code>:past</code></a>
+ past-element pseudo-class ‘<code
+ class=css>:past</code>’</a>
<li><a href="#future-pseudo"><span class=secno>9.3. </span> The
- future-element pseudo-class <code>:future</code></a>
+ future-element pseudo-class ‘<code
+ class=css>:future</code>’</a>
</ul>
<li><a href="#linguistic-pseudos"><span class=secno>10. </span> Linguistic
Pseudo-classes</a>
<ul class=toc>
<li><a href="#dir-pseudo"><span class=secno>10.1. </span> The
- directionality pseudo-class <code>:dir()</code></a>
+ directionality pseudo-class ‘<code
+ class=css>:dir()</code>’</a>
<li><a href="#lang-pseudo"><span class=secno>10.2. </span> The language
- pseudo-class <code>:lang</code></a>
+ pseudo-class ‘<code class=css>:lang</code>’</a>
</ul>
- <li><a href="#UIstates"><span class=secno>11. </span> The UI states
- pseudo-classes</a>
+ <li><a href="#ui-states-pseudos"><span class=secno>11. </span> The UI
+ states pseudo-classes</a>
<ul class=toc>
<li><a href="#enableddisabled"><span class=secno>11.1. </span> The
- :enabled and :disabled pseudo-classes</a>
+ ‘<code class=css>:enabled</code>’ and ‘<code
+ class=css>:disabled</code>’ pseudo-classes</a>
<li><a href="#checked"><span class=secno>11.2. </span> The
- selected-option pseudo-class <code>:checked</code></a>
+ selected-option pseudo-class ‘<code
+ class=css>:checked</code>’</a>
<li><a href="#indeterminate"><span class=secno>11.3. </span> The
- indeterminate-value pseudo-class <code>:indeterminate</code></a>
+ indeterminate-value pseudo-class ‘<code
+ class=css>:indeterminate</code>’</a>
- <li><a href="#pseudo-default"><span class=secno>11.4. </span> The
- default option pseudo-class <code>:default</code></a>
+ <li><a href="#default-pseudo"><span class=secno>11.4. </span> The
+ default option pseudo-class ‘<code
+ class=css>:default</code>’</a>
- <li><a href="#pseudo-validity"><span class=secno>11.5. </span> The
- validity pseudo-classes <code>:valid</code> and
- <code>:invalid</code></a>
+ <li><a href="#validity-pseudos"><span class=secno>11.5. </span> The
+ validity pseudo-classes ‘<code class=css>:valid</code>’ and
+ ‘<code class=css>:invalid</code>’</a>
- <li><a href="#pseudo-range"><span class=secno>11.6. </span> The range
- pseudo-classes <code>:in-range</code> and
- <code>:out-of-range</code></a>
+ <li><a href="#range-pseudos"><span class=secno>11.6. </span> The range
+ pseudo-classes ‘<code class=css>:in-range</code>’ and
+ ‘<code class=css>:out-of-range</code>’</a>
- <li><a href="#pseudo-required-value"><span class=secno>11.7. </span> The
- optionality pseudo-classes <code>:required</code> and
- <code>:optional</code></a>
+ <li><a href="#opt-pseudos"><span class=secno>11.7. </span> The
+ optionality pseudo-classes ‘<code
+ class=css>:required</code>’ and ‘<code
+ class=css>:optional</code>’</a>
- <li><a href="#pseudo-ro-rw"><span class=secno>11.8. </span> The
- alterability pseudo-classes <code>:read-only</code> and
- <code>:read-write</code></a>
+ <li><a href="#rw-pseudos"><span class=secno>11.8. </span> The
+ alterability pseudo-classes ‘<code
+ class=css>:read-only</code>’ and ‘<code
+ class=css>:read-write</code>’</a>
</ul>
<li><a href="#structural-pseudos"><span class=secno>12. </span>
Tree-Structural pseudo-classes</a>
<ul class=toc>
- <li><a href="#root-pseudo"><span class=secno>12.1. </span> :root
- pseudo-class</a>
+ <li><a href="#root-pseudo"><span class=secno>12.1. </span> ‘<code
+ class=css>:root</code>’ pseudo-class</a>
<li><a href="#nth-child-pseudo"><span class=secno>12.2. </span>
- :nth-child() pseudo-class</a>
+ ‘<code class=css>:nth-child()</code>’ pseudo-class</a>
<li><a href="#nth-last-child-pseudo"><span class=secno>12.3. </span>
- :nth-last-child() pseudo-class</a>
+ ‘<code class=css>:nth-last-child()</code>’ pseudo-class</a>
+
<li><a href="#nth-of-type-pseudo"><span class=secno>12.4. </span>
- :nth-of-type() pseudo-class</a>
+ ‘<code class=css>:nth-of-type()</code>’ pseudo-class</a>
<li><a href="#nth-last-of-type-pseudo"><span class=secno>12.5. </span>
- :nth-last-of-type() pseudo-class</a>
-
- <li><a href="#nth-match"><span class=secno>12.6. </span> :nth-match()
+ ‘<code class=css>:nth-last-of-type()</code>’
pseudo-class</a>
+ <li><a href="#nth-match"><span class=secno>12.6. </span> ‘<code
+ class=css>:nth-match()</code>’ pseudo-class</a>
+
<li><a href="#nth-last-match"><span class=secno>12.7. </span>
- :nth-last-match() pseudo-class</a>
+ ‘<code class=css>:nth-last-match()</code>’ pseudo-class</a>
+
<li><a href="#first-child-pseudo"><span class=secno>12.8. </span>
- :first-child pseudo-class</a>
+ ‘<code class=css>:first-child</code>’ pseudo-class</a>
<li><a href="#last-child-pseudo"><span class=secno>12.9. </span>
- :last-child pseudo-class</a>
+ ‘<code class=css>:last-child</code>’ pseudo-class</a>
<li><a href="#first-of-type-pseudo"><span class=secno>12.10. </span>
- :first-of-type pseudo-class</a>
+ ‘<code class=css>:first-of-type</code>’ pseudo-class</a>
<li><a href="#last-of-type-pseudo"><span class=secno>12.11. </span>
- :last-of-type pseudo-class</a>
+ ‘<code class=css>:last-of-type</code>’ pseudo-class</a>
<li><a href="#only-child-pseudo"><span class=secno>12.12. </span>
- :only-child pseudo-class</a>
+ ‘<code class=css>:only-child</code>’ pseudo-class</a>
<li><a href="#only-of-type-pseudo"><span class=secno>12.13. </span>
- :only-of-type pseudo-class</a>
+ ‘<code class=css>:only-of-type</code>’ pseudo-class</a>
- <li><a href="#empty-pseudo"><span class=secno>12.14. </span> :empty
- pseudo-class</a>
+ <li><a href="#empty-pseudo"><span class=secno>12.14. </span>
+ ‘<code class=css>:empty</code>’ pseudo-class</a>
</ul>
<li><a href="#table-pseudos"><span class=secno>13. </span> Grid-Structural
Selectors</a>
<ul class=toc>
<li><a href="#nth-column-pseudo"><span class=secno>13.1. </span>
- :nth-column() pseudo-class</a>
+ ‘<code class=css>:nth-column()</code>’ pseudo-class</a>
<li><a href="#nth-last-column-pseudo"><span class=secno>13.2. </span>
- :nth-last-column() pseudo-class</a>
-
- <li><a href="#column-pseudo"><span class=secno>13.3. </span> :column()
+ ‘<code class=css>:nth-last-column()</code>’
pseudo-class</a>
+
+ <li><a href="#column-pseudo"><span class=secno>13.3. </span>
+ ‘<code class=css>:column()</code>’ pseudo-class</a>
</ul>
<li><a href="#combinators"><span class=secno>14. </span> Combinators</a>
@@ -397,13 +412,16 @@
<li><a href="#conformance"><span class=secno>17. </span> Conformance</a>
<ul class=toc>
- <li><a href="#conformance-classes"><span class=secno>17.1. </span>
+ <li><a href="#conventions"><span class=secno>17.1. </span>Document
+ Conventions</a>
+
+ <li><a href="#conformance-classes"><span class=secno>17.2. </span>
Conformance Classes</a>
- <li><a href="#partial"><span class=secno>17.2. </span> Partial
+ <li><a href="#partial"><span class=secno>17.3. </span> Partial
Implementations</a>
- <li><a href="#experimental"><span class=secno>17.3. </span> Experimental
+ <li><a href="#experimental"><span class=secno>17.4. </span> Experimental
Implementations</a>
</ul>
@@ -459,33 +477,6 @@
model and irrelevance to other uses such as DOM queries, they will be
defined in other modules.
- <h3 id=conventions><span class=secno>1.2. </span>Document Conventions</h3>
-
- <p>Conformance requirements are expressed with a combination of descriptive
- assertions and RFC 2119 terminology. The key words “MUST”, “MUST
- NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”,
- “SHOULD NOT”, “RECOMMENDED”, “MAY”, and “OPTIONAL” in the
- normative parts of this document are to be interpreted as described in RFC
- 2119. However, for readability, these words do not appear in all uppercase
- letters in this specification.
-
- <p>All of the text of this specification is normative except sections
- explicitly marked as non-normative, examples, and notes. <a
- href="#RFC2119" rel=biblioentry>[RFC2119]<!--{{!RFC2119}}--></a>
-
- <p>Examples in this specification are introduced with the words “for
- example” or are set apart from the normative text with
- <code>class="example"</code>, like this:
-
- <div class=example>
- <p>This is an example of an informative example.</p>
- </div>
-
- <p>Informative notes begin with the word “Note” and are set apart from
- the normative text with <code>class="note"</code>, like this:
-
- <p class=note>Note, this is an informative note.
-
<h2 id=overview><span class=secno>2. </span> Selectors Overview</h2>
<p><em>This section is non-normative, as it merely summarizes the following
@@ -1785,7 +1776,7 @@
<h2 id=location><span class=secno>7. </span> Location Pseudo-classes</h2>
<h3 id=any-link-pseudo><span class=secno>7.1. </span> The hyperlink
- pseudo-class: :any-link</h3>
+ pseudo-class: ‘<code class=css>:any-link</code>’</h3>
<p>The <code>:any-link</code> pseudo-class represents an element that acts
as the source anchor of a hyperlink.
@@ -1795,7 +1786,8 @@
<p>
<h3 id=link><span class=secno>7.2. </span> The link history pseudo-classes:
- :link and :visited</h3>
+ ‘<code class=css>:link</code>’ and ‘<code
+ class=css>:visited</code>’</h3>
<p>User agents commonly display unvisited links differently from previously
visited ones. Selectors provides the pseudo-classes <code>:link</code> and
@@ -1831,8 +1823,8 @@
measures to preserve the user's privacy while rendering visited and
unvisited links differently.
- <h3 id=here-pseudo><span class=secno>7.3. </span> The link location
- pseudo-class :local-link</h3>
+ <h3 id=here-pseudo><span class=secno>7.3. </span> The local link
+ pseudo-class ‘<code class=css>:local-link</code>’</h3>
<p>The <code>:local-link</code> pseudo-class allows authors to style links
based on the users current location within a site and to differentiate
@@ -1924,7 +1916,7 @@
</div>
<h3 id=target-pseudo><span class=secno>7.4. </span> The target pseudo-class
- :target</h3>
+ ‘<code class=css>:target</code>’</h3>
<p>Some URIs refer to a location within a resource. This kind of URI ends
with a "number sign" (#) followed by an anchor identifier
@@ -1959,8 +1951,8 @@
*:target::before { content : url(target.png) }</pre>
</div>
- <h3 id=scope-pseudo><span class=secno>7.5. </span> The scope pseudo-class
- :scope</h3>
+ <h3 id=scope-pseudo><span class=secno>7.5. </span> The contextual reference
+ element pseudo-class ‘<code class=css>:scope</code>’</h3>
<p>The <code>:scope</code> pseudo-class represents any element that is in
the <a href="#contextual-reference-element-set"><i>contextual reference
@@ -2002,7 +1994,7 @@
</div>
<h3 id=hover-pseudo><span class=secno>8.1. </span> The pointer hover
- pseudo-class :hover</h3>
+ pseudo-class ‘<code class=css>:hover</code>’</h3>
<p>The <code>:hover</code> pseudo-class applies while the user designates
an element with a pointing device, but does not necessarily activate it.
@@ -2028,7 +2020,7 @@
<p>The <code>:hover</code> pseudo-class can apply to any pseudo-element.
<h3 id=active-pseudo><span class=secno>8.2. </span> The activation
- pseudo-class :active</h3>
+ pseudo-class ‘<code class=css>:active</code>’</h3>
<p>The <code>:active</code> pseudo-class applies while an element is being
activated by the user. For example, between the times the user presses the
@@ -2049,7 +2041,7 @@
class=css>:active</code>’).
<h3 id=active-pseudo><span class=secno>8.3. </span> The input focus
- pseudo-class :focus</h3>
+ pseudo-class ‘<code class=css>:focus</code>’</h3>
<p>The <code>:focus</code> pseudo-class applies while an element has the
focus (accepts keyboard or mouse events, or other forms of input).
@@ -2065,7 +2057,7 @@
as during speech rendering of an HTML document.
<h3 id=current-pseudo><span class=secno>9.1. </span> The current-element
- pseudo-class <code>:current</code></h3>
+ pseudo-class ‘<code class=css>:current</code>’</h3>
<p>The <code>:current</code> pseudo-class represents the innermost element,
or ancestor of an element, that is currently being displayed.
@@ -2089,7 +2081,7 @@
</div>
<h3 id=past-pseudo><span class=secno>9.2. </span> The past-element
- pseudo-class <code>:past</code></h3>
+ pseudo-class ‘<code class=css>:past</code>’</h3>
<p>The <code>:past</code> pseudo-class represents any element that is
defined to occur entirely prior to a <code>:current<code> element. If a
@@ -2098,7 +2090,7 @@
of a <code>:current</code> element. </code></code>
<h3 id=future-pseudo><span class=secno>9.3. </span> The future-element
- pseudo-class <code>:future</code></h3>
+ pseudo-class ‘<code class=css>:future</code>’</h3>
<p>The <code>:future</code> pseudo-class represents any element that is
defined to occur entirely after a <code>:current<code> element. If a
@@ -2110,7 +2102,7 @@
Pseudo-classes</h2>
<h3 id=dir-pseudo><span class=secno>10.1. </span> The directionality
- pseudo-class <code>:dir()</code></h3>
+ pseudo-class ‘<code class=css>:dir()</code>’</h3>
<p>The <code>:dir()</code> pseudo-class allows the author to write
selectors that represent an element based on its directionality as
@@ -2148,7 +2140,7 @@
href="#HTML5" rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>
<h3 id=lang-pseudo><span class=secno>10.2. </span> The language
- pseudo-class <code>:lang</code></h3>
+ pseudo-class ‘<code class=css>:lang</code>’</h3>
<p>If the document language specifies how the human language of an element
is determined, it is possible to write selectors that represent an element
@@ -2213,10 +2205,12 @@
</body></pre>
</div>
- <h2 id=UIstates><span class=secno>11. </span> The UI states pseudo-classes</h2>
+ <h2 id=ui-states-pseudos><span class=secno>11. </span> The UI states
+ pseudo-classes</h2>
- <h3 id=enableddisabled><span class=secno>11.1. </span> The :enabled and
- :disabled pseudo-classes</h3>
+ <h3 id=enableddisabled><span class=secno>11.1. </span> The ‘<code
+ class=css>:enabled</code>’ and ‘<code
+ class=css>:disabled</code>’ pseudo-classes</h3>
<p>The <code>:enabled</code> pseudo-class represents user interface
elements that are in an enabled state; such elements have a corresponding
@@ -2237,7 +2231,7 @@
no effect on the enabled/disabled state of an element.
<h3 id=checked><span class=secno>11.2. </span> The selected-option
- pseudo-class <code>:checked</code></h3>
+ pseudo-class ‘<code class=css>:checked</code>’</h3>
<p>Radio and checkbox elements can be toggled by the user. Some menu items
are "checked" when the user selects them. When such elements are toggled
@@ -2261,7 +2255,8 @@
</div>
<h3 id=indeterminate><span class=secno>11.3. </span> The
- indeterminate-value pseudo-class <code>:indeterminate</code></h3>
+ indeterminate-value pseudo-class ‘<code
+ class=css>:indeterminate</code>’</h3>
<p>The <code>:indeterminate</code> pseudo-class applies to UI elements
whose value is in an indeterminate state. For example, radio and checkbox
@@ -2275,24 +2270,26 @@
pre-selected choice, for example, would be <code>:indeterminate</code>
even in a static display.
- <h3 id=pseudo-default><span class=secno>11.4. </span> The default option
- pseudo-class <code>:default</code></h3>
+ <h3 id=default-pseudo><span class=secno>11.4. </span> The default option
+ pseudo-class ‘<code class=css>:default</code>’</h3>
- <p>The <code>:default selector</code> applies to the one or more UI
- elements that are the default among a set of similar elements. Typically
- applies to context menu items, buttons and select lists/menus.
+ <p>The <dfn id=default-pseudo-class><code>:default</code>
+ pseudo-class</dfn> applies to the one or more UI elements that are the
+ default among a set of similar elements. Typically applies to context menu
+ items, buttons and select lists/menus.
<p>One example is the default submit button among a set of buttons. Another
example is the default option from a popup menu. Multiple elements in a
select-many group could have multiple <code>:default</code> elements, like
a selection of pizza toppings for example.
- <h3 id=pseudo-validity><span class=secno>11.5. </span> The validity
- pseudo-classes <code id=pseudo-valid>:valid</code> and <code
- id=pseudo-invalid>:invalid</code></h3>
+ <h3 id=validity-pseudos><span class=secno>11.5. </span> The validity
+ pseudo-classes ‘<code class=css>:valid</code>’ and
+ ‘<code class=css>:invalid</code>’</h3>
- <p>An element is <code>:valid</code> or :invalid when its contents or value
- is, respectively, valid or invalid with respect to data validity semantics
+ <p>An element is <code id=valid-pseudo>:valid</code> or <code
+ id=invalid-pseudo>:invalid</code> when its contents or value is,
+ respectively, valid or invalid with respect to data validity semantics
defined by the document language (e.g. <a href="#XFORMS10"
rel=biblioentry>[XFORMS10]<!--{{XFORMS10}}--></a> or <a href="#HTML5"
rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>). An element which lacks data
@@ -2302,44 +2299,47 @@
For example, a text input field with no constraints would always be
<code>:valid</code>.
- <h3 id=pseudo-range><span class=secno>11.6. </span> The range
- pseudo-classes <code id=pseudo-in-range>:in-range</code> and <code
- id=pseudo-out-of-range>:out-of-range</code></h3>
+ <h3 id=range-pseudos><span class=secno>11.6. </span> The range
+ pseudo-classes ‘<code class=css>:in-range</code>’ and
+ ‘<code class=css>:out-of-range</code>’</h3>
- <p>The <code>:in-range</code> and <code>:out-of-range</code> pseudo-classes
- apply only to elements that have range limitations. An element is
- <code>:in-range</code> or <code>:out-of-range</code> when the value that
- the element is bound to is in range or out of range with respect to its
- range limits as defined by the document language. An element that lacks
- data range limits or is not a form control is neither
- <code>:in-range</code> nor <code>:out-of-range</code>. E.g. a slider
- element with a value of 11 presented as a slider control that only
- represents the values from 1-10 is :out-of-range. Another example is a
- menu element with a value of "E" that happens to be presented in a popup
- menu that only has choices "A", "B" and "C".
+ <p>The <code id=in-range-psueod>:in-range</code> and <code
+ id=out-of-range-pseudo>:out-of-range</code> pseudo-classes apply only to
+ elements that have range limitations. An element is <code>:in-range</code>
+ or <code>:out-of-range</code> when the value that the element is bound to
+ is in range or out of range with respect to its range limits as defined by
+ the document language. An element that lacks data range limits or is not a
+ form control is neither <code>:in-range</code> nor
+ <code>:out-of-range</code>. E.g. a slider element with a value of 11
+ presented as a slider control that only represents the values from 1-10 is
+ :out-of-range. Another example is a menu element with a value of "E" that
+ happens to be presented in a popup menu that only has choices "A", "B" and
+ "C".
- <h3 id=pseudo-required-value><span class=secno>11.7. </span> The
- optionality pseudo-classes <code id=pseudo-required>:required</code> and
- <code id=pseudo-optional>:optional</code></h3>
+ <h3 id=opt-pseudos><span class=secno>11.7. </span> The optionality
+ pseudo-classes ‘<code class=css>:required</code>’ and
+ ‘<code class=css>:optional</code>’</h3>
- <p>A form element is <code>:required</code> or <code>:optional<code> if a
- value for it is, respectively, required or optional before the form it
- belongs to can be validly submitted. Elements that are not form elements
- are neither required nor optional. </code></code>
+ <p>A form element is <code id=required-pseudo>:required</code> or <code
+ id=optional-pseudo>:optional<code> if a value for it is, respectively,
+ required or optional before the form it belongs to can be validly
+ submitted. Elements that are not form elements are neither required nor
+ optional. </code></code>
- <h3 id=pseudo-ro-rw><span class=secno>11.8. </span> The alterability
- pseudo-classes <code id=pseudo-read-only>:read-only</code> and <code
- id=pseudo-read-write>:read-write</code></h3>
+ <h3 id=rw-pseudos><span class=secno>11.8. </span> The alterability
+ pseudo-classes ‘<code class=css>:read-only</code>’ and
+ ‘<code class=css>:read-write</code>’</h3>
- <p>An element whose contents are not user-alterable is
- <code>:read-only</code>. However, elements whose contents are
- user-alterable (such as text input fields) are considered to be in a
+ <p>An element whose contents are not user-alterable is <code
+ id=read-only-pseudo>:read-only</code>. However, elements whose contents
+ are user-alterable (such as text input fields) are considered to be in a
:read-write state. In typical documents, most elements are
<code>:read-only</code>. However it may be possible, depending on the
- document language, for any element to become <code>:read-write</code>. For
- example, in HTML5 any element with the <code>contenteditable</code>
- attribute set to the true state is considered user-alterable. <a
- href="#HTML5" rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>
+ document language, for any element to become <code
+ id=read-write-pseudo>:read-write</code>. For example, in HTML5 any element
+ with the <code>contenteditable</code> attribute set to the true state is
+ considered user-alterable. <a href="#HTML5"
+ rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>
<h2 id=structural-pseudos><span class=secno>12. </span> Tree-Structural
pseudo-classes</h2>
@@ -2354,14 +2354,15 @@
parent. When calculating the position of an element in the list of
children of its parent, the index numbering starts at 1.
- <h3 id=root-pseudo><span class=secno>12.1. </span> :root pseudo-class</h3>
+ <h3 id=root-pseudo><span class=secno>12.1. </span> ‘<code
+ class=css>:root</code>’ pseudo-class</h3>
<p>The <code>:root</code> pseudo-class represents an element that is the
root of the document. In HTML 4, this is always the <code>HTML</code>
element.
- <h3 id=nth-child-pseudo><span class=secno>12.2. </span> :nth-child()
- pseudo-class</h3>
+ <h3 id=nth-child-pseudo><span class=secno>12.2. </span> ‘<code
+ class=css>:nth-child()</code>’ pseudo-class</h3>
<p>The <code>:nth-child(<var>a</var><code>n</code>+<var>b</var>)</code>
pseudo-class notation represents an element that has
@@ -2497,8 +2498,8 @@
<pre>html|tr:nth-child(-n+6) /* represents the 6 first rows of XHTML tables */</pre>
</div>
- <h3 id=nth-last-child-pseudo><span class=secno>12.3. </span>
- :nth-last-child() pseudo-class</h3>
+ <h3 id=nth-last-child-pseudo><span class=secno>12.3. </span> ‘<code
+ class=css>:nth-last-child()</code>’ pseudo-class</h3>
<p>The <code>:nth-last-child(<var>a</var>n+<var>b</var>)</code>
pseudo-class notation represents an element that has
@@ -2519,8 +2520,8 @@
counting from the last one */</pre>
</div>
- <h3 id=nth-of-type-pseudo><span class=secno>12.4. </span> :nth-of-type()
- pseudo-class</h3>
+ <h3 id=nth-of-type-pseudo><span class=secno>12.4. </span> ‘<code
+ class=css>:nth-of-type()</code>’ pseudo-class</h3>
<p>The <code>:nth-of-type(<var>a</var>n+<var>b</var>)</code> pseudo-class
notation represents an element that has
@@ -2541,8 +2542,8 @@
img:nth-of-type(2n) { float: left; }</pre>
</div>
- <h3 id=nth-last-of-type-pseudo><span class=secno>12.5. </span>
- :nth-last-of-type() pseudo-class</h3>
+ <h3 id=nth-last-of-type-pseudo><span class=secno>12.5. </span> ‘<code
+ class=css>:nth-last-of-type()</code>’ pseudo-class</h3>
<p>The <code>:nth-last-of-type(<var>a</var>n+<var>b</var>)</code>
pseudo-class notation represents an element that has
@@ -2568,7 +2569,8 @@
<pre>body > h2:not(:first-of-type):not(:last-of-type)</pre>
</div>
- <h3 id=nth-match><span class=secno>12.6. </span> :nth-match() pseudo-class</h3>
+ <h3 id=nth-match><span class=secno>12.6. </span> ‘<code
+ class=css>:nth-match()</code>’ pseudo-class</h3>
<p><code>:nth-match(<a href="#selector"><var>selector</var></a>,
<var>a</var>n+<var>b</var>)</code> pseudo-class notation represents an
@@ -2584,8 +2586,8 @@
class=css><code>odd</code></code>’ keywords.
<!-- define <selector>. Split an+b into a similar <notation> -->
- <h3 id=nth-last-match><span class=secno>12.7. </span> :nth-last-match()
- pseudo-class</h3>
+ <h3 id=nth-last-match><span class=secno>12.7. </span> ‘<code
+ class=css>:nth-last-match()</code>’ pseudo-class</h3>
<p><code>:nth-match(<a href="#selector"><var>selector</var></a>,
<var>a</var>n+<var>b</var>)</code> pseudo-class notation represents an
@@ -2600,8 +2602,8 @@
class=css><code>even</code></code>’ and ‘<code
class=css><code>odd</code></code>’ keywords.
- <h3 id=first-child-pseudo><span class=secno>12.8. </span> :first-child
- pseudo-class</h3>
+ <h3 id=first-child-pseudo><span class=secno>12.8. </span> ‘<code
+ class=css>:first-child</code>’ pseudo-class</h3>
<p>Same as <code>:nth-child(1)</code>. The <code>:first-child</code>
pseudo-class represents an element that is the first child of some other
@@ -2635,8 +2637,8 @@
a:first-child /* Same (assuming a is not the root element) */</pre>
</div>
- <h3 id=last-child-pseudo><span class=secno>12.9. </span> :last-child
- pseudo-class</h3>
+ <h3 id=last-child-pseudo><span class=secno>12.9. </span> ‘<code
+ class=css>:last-child</code>’ pseudo-class</h3>
<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
@@ -2651,8 +2653,8 @@
<pre>ol > li:last-child</pre>
</div>
- <h3 id=first-of-type-pseudo><span class=secno>12.10. </span> :first-of-type
- pseudo-class</h3>
+ <h3 id=first-of-type-pseudo><span class=secno>12.10. </span> ‘<code
+ class=css>:first-of-type</code>’ pseudo-class</h3>
<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
@@ -2683,8 +2685,8 @@
</dl></pre>
</div>
- <h3 id=last-of-type-pseudo><span class=secno>12.11. </span> :last-of-type
- pseudo-class</h3>
+ <h3 id=last-of-type-pseudo><span class=secno>12.11. </span> ‘<code
+ class=css>:last-of-type</code>’ pseudo-class</h3>
<p>Same as <code>:nth-last-of-type(1)</code>. The
<code>:last-of-type</code> pseudo-class represents an element that is the
@@ -2699,8 +2701,8 @@
<pre>tr > td:last-of-type</pre>
</div>
- <h3 id=only-child-pseudo><span class=secno>12.12. </span> :only-child
- pseudo-class</h3>
+ <h3 id=only-child-pseudo><span class=secno>12.12. </span> ‘<code
+ class=css>:only-child</code>’ pseudo-class</h3>
<p>Represents an element that has a parent element and whose parent element
has no other element children. Same as
@@ -2708,8 +2710,8 @@
<code>:nth-child(1):nth-last-child(1)</code>, but with a lower
specificity.
- <h3 id=only-of-type-pseudo><span class=secno>12.13. </span> :only-of-type
- pseudo-class</h3>
+ <h3 id=only-of-type-pseudo><span class=secno>12.13. </span> ‘<code
+ class=css>:only-of-type</code>’ pseudo-class</h3>
<p>Represents an element that has a parent element and whose parent element
has no other element children with the same expanded element name. Same as
@@ -2717,7 +2719,8 @@
<code>:nth-of-type(1):nth-last-of-type(1)</code>, but with a lower
specificity.
- <h3 id=empty-pseudo><span class=secno>12.14. </span> :empty pseudo-class</h3>
+ <h3 id=empty-pseudo><span class=secno>12.14. </span> ‘<code
+ class=css>:empty</code>’ pseudo-class</h3>
<p>The <code>:empty</code> pseudo-class represents an element that has no
children at all. In terms of the document tree, only element nodes and
@@ -2760,8 +2763,8 @@
<code>:column()</code> are defined. In a column-primary format, these
pseudo-classes would match against row associations instead.
- <h3 id=nth-column-pseudo><span class=secno>13.1. </span> :nth-column()
- pseudo-class</h3>
+ <h3 id=nth-column-pseudo><span class=secno>13.1. </span> ‘<code
+ class=css>:nth-column()</code>’ pseudo-class</h3>
<p>The <code>:nth-column(<var>a</var>n+<var>b</var>)</code> pseudo-class
notation represents a cell element belonging to a column that has
@@ -2777,8 +2780,8 @@
‘<code class=css><code>even</code></code>’ and ‘<code
class=css><code>odd</code></code>’ values as arguments.
- <h3 id=nth-last-column-pseudo><span class=secno>13.2. </span>
- :nth-last-column() pseudo-class</h3>
+ <h3 id=nth-last-column-pseudo><span class=secno>13.2. </span> ‘<code
+ class=css>:nth-last-column()</code>’ pseudo-class</h3>
<p>The <code>:nth-column(<var>a</var>n+<var>b</var>)</code> pseudo-class
notation represents a cell element belonging to a column that has
@@ -2794,7 +2797,8 @@
‘<code class=css><code>even</code></code>’ and ‘<code
class=css><code>odd</code></code>’ values as arguments.
- <h3 id=column-pseudo><span class=secno>13.3. </span> :column() pseudo-class</h3>
+ <h3 id=column-pseudo><span class=secno>13.3. </span> ‘<code
+ class=css>:column()</code>’ pseudo-class</h3>
<p>The <code>:column(<a href="#selector"><var>selector</var></a>)</code>
pseudo-class notation represents a cell element belonging to a column that
@@ -3343,7 +3347,34 @@
<h2 id=conformance><span class=secno>17. </span> Conformance</h2>
- <h3 id=conformance-classes><span class=secno>17.1. </span> Conformance
+ <h3 id=conventions><span class=secno>17.1. </span>Document Conventions</h3>
+
+ <p>Conformance requirements are expressed with a combination of descriptive
+ assertions and RFC 2119 terminology. The key words “MUST”, “MUST
+ NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”,
+ “SHOULD NOT”, “RECOMMENDED”, “MAY”, and “OPTIONAL” in the
+ normative parts of this document are to be interpreted as described in RFC
+ 2119. However, for readability, these words do not appear in all uppercase
+ letters in this specification.
+
+ <p>All of the text of this specification is normative except sections
+ explicitly marked as non-normative, examples, and notes. <a
+ href="#RFC2119" rel=biblioentry>[RFC2119]<!--{{!RFC2119}}--></a>
+
+ <p>Examples in this specification are introduced with the words “for
+ example” or are set apart from the normative text with
+ <code>class="example"</code>, like this:
+
+ <div class=example>
+ <p>This is an example of an informative example.</p>
+ </div>
+
+ <p>Informative notes begin with the word “Note” and are set apart from
+ the normative text with <code>class="note"</code>, like this:
+
+ <p class=note>Note, this is an informative note.
+
+ <h3 id=conformance-classes><span class=secno>17.2. </span> Conformance
Classes</h3>
<p>Conformance to Selectors Level 4 is defined for three conformance
@@ -3389,14 +3420,14 @@
selectors. (In the case of CSS, the entire rule in which the selector is
used is effectively dropped.)
- <h3 id=partial><span class=secno>17.2. </span> Partial Implementations</h3>
+ <h3 id=partial><span class=secno>17.3. </span> Partial Implementations</h3>
<p>So that authors can exploit the forward-compatible parsing rules to
assign fallback values, UAs <strong>must</strong> treat as <a
href="#invalid">invalid</a> any selectors for which they have no usable
level of support.
- <h3 id=experimental><span class=secno>17.3. </span> Experimental
+ <h3 id=experimental><span class=secno>17.4. </span> Experimental
Implementations</h3>
<p>To avoid clashes with future Selectors features, the Selectors
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/selectors4/Overview.src.html,v
retrieving revision 1.47
retrieving revision 1.48
diff -u -d -r1.47 -r1.48
--- Overview.src.html 12 Aug 2011 22:50:24 -0000 1.47
+++ Overview.src.html 12 Aug 2011 23:10:13 -0000 1.48
@@ -66,11 +66,11 @@
[[!CSS3SELECT]], and further introduces new selectors for CSS and
other languages that may need them.</p>
- <h2 class="no-num no-toc" id=status>Status of this document</h2>
+ <h2 class="no-num no-toc" id=status>Status of this Document</h2>
<!--status-->
- <h2 class="no-num no-toc" id="contents">Table of contents</h2>
+ <h2 class="no-num no-toc" id="contents">Table of Contents</h2>
<!--toc-->
<h2 id=context>
@@ -110,32 +110,6 @@
model and irrelevance to other uses such as DOM queries, they will be
defined in other modules.
-<h3 id="conventions">Document Conventions</h3>
-
- <p>Conformance requirements are expressed with a combination of
- descriptive assertions and RFC 2119 terminology. The key words “MUST”,
- “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”,
- “RECOMMENDED”, “MAY”, and “OPTIONAL” in the normative parts of this
- document are to be interpreted as described in RFC 2119.
- However, for readability, these words do not appear in all uppercase
- letters in this specification.
-
- <p>All of the text of this specification is normative except sections
- explicitly marked as non-normative, examples, and notes. [[!RFC2119]]</p>
-
- <p>Examples in this specification are introduced with the words “for example”
- or are set apart from the normative text with <code>class="example"</code>,
- like this:
-
- <div class="example">
- <p>This is an example of an informative example.</p>
- </div>
-
- <p>Informative notes begin with the word “Note” and are set apart from the
- normative text with <code>class="note"</code>, like this:
-
- <p class="note">Note, this is an informative note.</p>
-
<h2 id=overview>
Selectors Overview</h2>
@@ -1273,7 +1247,7 @@
Location Pseudo-classes</h2>
<h3 id="any-link-pseudo">
-The hyperlink pseudo-class: :any-link</h3>
+The hyperlink pseudo-class: '':any-link''</h3>
<p>The <code>:any-link</code> pseudo-class represents an element
that acts as the source anchor of a hyperlink.
@@ -1281,7 +1255,7 @@
<p class="issue">Any better name suggestions for this pseudo?<p>
<h3 id=link>
-The link history pseudo-classes: :link and :visited</h3>
+The link history pseudo-classes: '':link'' and '':visited''</h3>
<p>User agents commonly display unvisited links differently from
previously visited ones. Selectors
@@ -1321,7 +1295,7 @@
<h3 id="here-pseudo">
-The link location pseudo-class :local-link</h3>
+The local link pseudo-class '':local-link''</h3>
<p>The <code>:local-link</code> pseudo-class allows authors to style
links based on the users current location within a site and to
@@ -1392,7 +1366,7 @@
</div>
<h3 id=target-pseudo>
-The target pseudo-class :target</h3>
+The target pseudo-class '':target''</h3>
<p>Some URIs refer to a location within a resource. This kind of URI
ends with a "number sign" (#) followed by an anchor
@@ -1427,7 +1401,7 @@
<h3 id=scope-pseudo>
-The scope pseudo-class :scope</h3>
+The contextual reference element pseudo-class '':scope''</h3>
<p>The <code>:scope</code> pseudo-class represents any element that is in
the <i>contextual reference element set</i>. If no contextual reference
@@ -1464,7 +1438,7 @@
</div>
<h3 id="hover-pseudo">
-The pointer hover pseudo-class :hover</h3>
+The pointer hover pseudo-class '':hover''</h3>
<p>The <code>:hover</code> pseudo-class applies while the user
designates an element with a pointing device, but does not necessarily activate
@@ -1489,7 +1463,7 @@
<p>The <code>:hover</code> pseudo-class can apply to any pseudo-element.
<h3 id="active-pseudo">
-The activation pseudo-class :active</h3>
+The activation pseudo-class '':active''</h3>
<p>The <code>:active</code> pseudo-class applies while an element
is being activated by the user. For example, between the times the
@@ -1508,7 +1482,7 @@
':visited' and ':active' (or ':link' and ':active').</p>
<h3 id="active-pseudo">
-The input focus pseudo-class :focus</h3>
+The input focus pseudo-class '':focus''</h3>
<p>The <code>:focus</code> pseudo-class applies while an element
has the focus (accepts keyboard or mouse events, or other forms of
@@ -1525,7 +1499,7 @@
such as during speech rendering of an HTML document.
<h3 id="current-pseudo">
-The current-element pseudo-class <code>:current</code></h3>
+The current-element pseudo-class '':current''</h3>
<p>The <code>:current</code> pseudo-class represents the innermost
element, or ancestor of an element, that is currently being displayed.
@@ -1547,7 +1521,7 @@
</div>
<h3 id="past-pseudo">
-The past-element pseudo-class <code>:past</code></h3>
+The past-element pseudo-class '':past''</h3>
<p>The <code>:past</code> pseudo-class represents any element that is
defined to occur entirely prior to a <code>:current<code> element.
@@ -1556,7 +1530,7 @@
sibling of a <code>:current</code> element.
<h3 id="future-pseudo">
-The future-element pseudo-class <code>:future</code></h3>
+The future-element pseudo-class '':future''</h3>
<p>The <code>:future</code> pseudo-class represents any element that is
defined to occur entirely after a <code>:current<code> element.
@@ -1568,7 +1542,7 @@
Linguistic Pseudo-classes</h2>
<h3 id="dir-pseudo">
-The directionality pseudo-class <code>:dir()</code></h3>
+The directionality pseudo-class '':dir()''</h3>
<p>The <code>:dir()</code> pseudo-class allows the author to write
selectors that represent an element based on its directionality as
@@ -1604,7 +1578,7 @@
directionality of the elements as determined by its contents. [[HTML5]]
<h3 id=lang-pseudo>
-The language pseudo-class <code>:lang</code></h3>
+The language pseudo-class '':lang''</h3>
<p>If the document language specifies how the human language of an
element is determined, it is possible to write selectors that
@@ -1663,11 +1637,11 @@
</body></pre>
</div>
-<h2 id=UIstates>
+<h2 id=ui-states-pseudos>
The UI states pseudo-classes</h2>
<h3 id=enableddisabled>
-The :enabled and :disabled pseudo-classes</h3>
+The '':enabled'' and '':disabled'' pseudo-classes</h3>
<p>The <code>:enabled</code> pseudo-class represents user interface elements
that are in an enabled state; such elements have a corresponding disabled
@@ -1688,7 +1662,7 @@
on the enabled/disabled state of an element.</p>
<h3 id=checked>
-The selected-option pseudo-class <code>:checked</code></h3>
+The selected-option pseudo-class '':checked''</h3>
<p>Radio and checkbox elements can be toggled by the user. Some menu
items are "checked" when the user selects them. When such elements are
@@ -1711,7 +1685,7 @@
</div>
<h3 id=indeterminate>
-The indeterminate-value pseudo-class <code>:indeterminate</code></h3>
+The indeterminate-value pseudo-class '':indeterminate''</h3>
<p>The <code>:indeterminate</code> pseudo-class applies to UI elements whose
value is in an indeterminate state. For example, radio and checkbox elements
@@ -1724,9 +1698,9 @@
pre-selected choice, for example, would be <code>:indeterminate</code>
even in a static display.</p>
-<h3 id="pseudo-default">
-The default option pseudo-class <code>:default</code></h3>
- <p>The <code>:default selector</code> applies to the one or more UI elements
+<h3 id="default-pseudo">
+The default option pseudo-class '':default''</h3>
+ <p>The <dfn><code>:default</code> pseudo-class</dfn> applies to the one or more UI elements
that are the default among a set of similar elements. Typically applies to
context menu items, buttons and select lists/menus.
@@ -1735,11 +1709,11 @@
in a select-many group could have multiple <code>:default</code> elements,
like a selection of pizza toppings for example.
-<h3 id="pseudo-validity">
-The validity pseudo-classes <code id="pseudo-valid">:valid</code>
-and <code id="pseudo-invalid">:invalid</code></h3>
+<h3 id="validity-pseudos">
+The validity pseudo-classes '':valid'' and '':invalid''</h3>
- <p>An element is <code>:valid</code> or :invalid when its contents or
+ <p>An element is <code id="valid-pseudo">:valid</code> or
+ <code id="invalid-pseudo">:invalid</code> when its contents or
value is, respectively, valid or invalid with respect to data validity
semantics defined by the document language (e.g. [[XFORMS10]] or [[HTML5]]).
An element which lacks data validity semantics is neither <code>:valid</code>
@@ -1748,11 +1722,11 @@
<code>:valid</code>. For example, a text input field with no constraints
would always be <code>:valid</code>.
-<h3 id="pseudo-range">
-The range pseudo-classes <code id="pseudo-in-range">:in-range</code> and
-<code id="pseudo-out-of-range">:out-of-range</code></h3>
+<h3 id="range-pseudos">
+The range pseudo-classes '':in-range'' and '':out-of-range''</h3>
- <p>The <code>:in-range</code> and <code>:out-of-range</code> pseudo-classes
+ <p>The <code id="in-range-psueod">:in-range</code> and
+ <code id="out-of-range-pseudo">:out-of-range</code> pseudo-classes
apply only to elements that have range limitations. An element is
<code>:in-range</code> or <code>:out-of-range</code> when the value
that the element is bound to is in range or out of range with respect
@@ -1764,28 +1738,27 @@
example is a menu element with a value of "E" that happens to be
presented in a popup menu that only has choices "A", "B" and "C".
-<h3 id="pseudo-required-value">
-The optionality pseudo-classes <code id="pseudo-required">:required</code>
-and <code id="pseudo-optional">:optional</code></h3>
+<h3 id="opt-pseudos">
+The optionality pseudo-classes '':required'' and '':optional''</h3>
- <p>A form element is <code>:required</code> or <code>:optional<code>
+ <p>A form element is <code id="required-pseudo">:required</code> or
+ <code id="optional-pseudo">:optional<code>
if a value for it is, respectively, required or optional before the
form it belongs to can be validly submitted. Elements that are not
form elements are neither required nor optional.
-<h3 id="pseudo-ro-rw">
-The alterability pseudo-classes <code id="pseudo-read-only">:read-only</code>
-and <code id="pseudo-read-write">:read-write</code></h3>
+<h3 id="rw-pseudos">
+The alterability pseudo-classes '':read-only'' and '':read-write''</h3>
<p>An element whose contents are not user-alterable is
- <code>:read-only</code>. However, elements whose contents are
+ <code id="read-only-pseudo">:read-only</code>. However, elements whose contents are
user-alterable (such as text input fields) are considered to be
in a :read-write state. In typical documents, most elements are
<code>:read-only</code>. However it may be possible, depending
on the document language, for any element to become
- <code>:read-write</code>. For example, in HTML5 any element with
- the <code>contenteditable</code> attribute set to the true state
- is considered user-alterable. [[HTML5]]
+ <code id="read-write-pseudo">:read-write</code>.
+ For example, in HTML5 any element with the <code>contenteditable</code>
+ attribute set to the true state is considered user-alterable. [[HTML5]]
<h2 id=structural-pseudos>
Tree-Structural pseudo-classes</h2>
@@ -1802,7 +1775,7 @@
<h3 id=root-pseudo>
-:root pseudo-class</h3>
+'':root'' pseudo-class</h3>
<p>The <code>:root</code> pseudo-class represents an element that is
the root of the document. In HTML 4, this is always the
@@ -1810,7 +1783,7 @@
<h3 id=nth-child-pseudo>
-:nth-child() pseudo-class</h3>
+'':nth-child()'' pseudo-class</h3>
<p>The
<code>:nth-child(<var>a</var><code>n</code>+<var>b</var>)</code>
@@ -1938,7 +1911,7 @@
</div>
<h3 id=nth-last-child-pseudo>
-:nth-last-child() pseudo-class</h3>
+'':nth-last-child()'' pseudo-class</h3>
<p>The <code>:nth-last-child(<var>a</var>n+<var>b</var>)</code>
pseudo-class notation represents an element that has
@@ -1961,7 +1934,7 @@
<h3 id=nth-of-type-pseudo>
-:nth-of-type() pseudo-class</h3>
+'':nth-of-type()'' pseudo-class</h3>
<p>The <code>:nth-of-type(<var>a</var>n+<var>b</var>)</code>
pseudo-class notation represents an element that has
@@ -1982,7 +1955,7 @@
<h3 id=nth-last-of-type-pseudo>
-:nth-last-of-type() pseudo-class</h3>
+'':nth-last-of-type()'' pseudo-class</h3>
<p>The <code>:nth-last-of-type(<var>a</var>n+<var>b</var>)</code>
pseudo-class notation represents an element that has
@@ -2006,7 +1979,7 @@
</div>
<h3 id=nth-match>
-:nth-match() pseudo-class</h3>
+'':nth-match()'' pseudo-class</h3>
<p><code>:nth-match(<var>selector</var>, <var>a</var>n+<var>b</var>)</code>
pseudo-class notation represents an element that has a parent and has
@@ -2022,7 +1995,7 @@
<!-- define <selector>. Split an+b into a similar <notation> -->
<h3 id=nth-last-match>
-:nth-last-match() pseudo-class</h3>
+'':nth-last-match()'' pseudo-class</h3>
<p><code>:nth-match(<var>selector</var>, <var>a</var>n+<var>b</var>)</code>
pseudo-class notation represents an element that has a parent and has
@@ -2036,7 +2009,7 @@
keywords.
<h3 id=first-child-pseudo>
-:first-child pseudo-class</h3>
+'':first-child'' pseudo-class</h3>
<p>Same as <code>:nth-child(1)</code>. The <code>:first-child</code> pseudo-class
represents an element that is the first child of some other element.
@@ -2065,7 +2038,7 @@
</div>
<h3 id=last-child-pseudo>
-:last-child pseudo-class</h3>
+'':last-child'' pseudo-class</h3>
<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.
@@ -2078,7 +2051,7 @@
</div>
<h3 id=first-of-type-pseudo>
-:first-of-type pseudo-class</h3>
+'':first-of-type'' pseudo-class</h3>
<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
@@ -2107,7 +2080,7 @@
</div>
<h3 id=last-of-type-pseudo>
-:last-of-type pseudo-class</h3>
+'':last-of-type'' pseudo-class</h3>
<p>Same as <code>:nth-last-of-type(1)</code>. The
<code>:last-of-type</code> pseudo-class represents an element that is
@@ -2122,7 +2095,7 @@
</div>
<h3 id=only-child-pseudo>
-:only-child pseudo-class</h3>
+'':only-child'' pseudo-class</h3>
<p>Represents an element that has a parent element and whose parent
element has no other element children. Same as
@@ -2131,7 +2104,7 @@
specificity.</p>
<h3 id=only-of-type-pseudo>
-:only-of-type pseudo-class</h3>
+'':only-of-type'' pseudo-class</h3>
<p>Represents an element that has a parent element and whose parent
element has no other element children with the same expanded element
@@ -2141,7 +2114,7 @@
<h3 id=empty-pseudo>
-:empty pseudo-class</h3>
+'':empty'' pseudo-class</h3>
<p>The <code>:empty</code> pseudo-class represents an element that has
no children at all. In terms of the document tree, only element nodes and
@@ -2177,7 +2150,7 @@
pseudo-classes would match against row associations instead.
<h3 id="nth-column-pseudo">
-:nth-column() pseudo-class</h3>
+'':nth-column()'' pseudo-class</h3>
<p>The <code>:nth-column(<var>a</var>n+<var>b</var>)</code>
pseudo-class notation represents a cell element belonging to a column
@@ -2196,7 +2169,7 @@
<h3 id="nth-last-column-pseudo">
-:nth-last-column() pseudo-class</h3>
+'':nth-last-column()'' pseudo-class</h3>
<p>The <code>:nth-column(<var>a</var>n+<var>b</var>)</code>
pseudo-class notation represents a cell element belonging to a column
@@ -2214,7 +2187,7 @@
as arguments.
<h3 id="column-pseudo">
-:column() pseudo-class</h3>
+'':column()'' pseudo-class</h3>
<p>The <code>:column(<var>selector</var>)</code> pseudo-class notation
represents a cell element belonging to a column that is represented
@@ -2707,6 +2680,32 @@
<h2 id="conformance">
Conformance</h2>
+<h3 id="conventions">Document Conventions</h3>
+
+ <p>Conformance requirements are expressed with a combination of
+ descriptive assertions and RFC 2119 terminology. The key words “MUST”,
+ “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”,
+ “RECOMMENDED”, “MAY”, and “OPTIONAL” in the normative parts of this
+ document are to be interpreted as described in RFC 2119.
+ However, for readability, these words do not appear in all uppercase
+ letters in this specification.
+
+ <p>All of the text of this specification is normative except sections
+ explicitly marked as non-normative, examples, and notes. [[!RFC2119]]</p>
+
+ <p>Examples in this specification are introduced with the words “for example”
+ or are set apart from the normative text with <code>class="example"</code>,
+ like this:
+
+ <div class="example">
+ <p>This is an example of an informative example.</p>
+ </div>
+
+ <p>Informative notes begin with the word “Note” and are set apart from the
+ normative text with <code>class="note"</code>, like this:
+
+ <p class="note">Note, this is an informative note.</p>
+
<h3 id="conformance-classes">
Conformance Classes</h3>
Received on Friday, 12 August 2011 23:10:18 UTC