10 |
<div class="header"> |
<div class="header"> |
11 |
<h1>Selectors Serialization Format for Testing (<abbr>SSFT</abbr>) |
<h1>Selectors Serialization Format for Testing (<abbr>SSFT</abbr>) |
12 |
Specification</h1> |
Specification</h1> |
13 |
<h2>Working Draft <time datetime=2007-10-28>28 October 2007</time></h2> |
<h2>Working Draft <time datetime=2007-11-05>5 November 2007</time></h2> |
14 |
|
|
15 |
<dl class="versions-uri"> |
<dl class="versions-uri"> |
16 |
<dt>This Version</dt> |
<dt>This Version</dt> |
52 |
<div id="abstract" class="section"> |
<div id="abstract" class="section"> |
53 |
<h2>Abstract</h2> |
<h2>Abstract</h2> |
54 |
|
|
55 |
<div class="ed issue">...</div> |
<p>This document defines |
56 |
|
<abbr title="Selectors Serialization Format for Testing">SSFT</abbr>, |
57 |
|
a subset of Selectors language which is suitable for describing results |
58 |
|
of Selectors parsing tests.</p> |
59 |
|
|
60 |
</div> |
</div> |
61 |
|
|
128 |
|
|
129 |
<p>The key words <q><dfn id=must><em class="rfc2119">MUST</em></dfn></q>, |
<p>The key words <q><dfn id=must><em class="rfc2119">MUST</em></dfn></q>, |
130 |
<q><dfn id=must-not><em class="rfc2119">MUST NOT</em></dfn></q>, |
<q><dfn id=must-not><em class="rfc2119">MUST NOT</em></dfn></q>, |
131 |
<q><dfn id=should><em class="rfc2119">SHOULD</em></dfn></q>, |
<q><dfn id=should><em class="rfc2119">SHOULD</em></dfn></q>, and |
|
<q><dfn id=should-not><em class="rfc2119">SHOULD NOT</em></dfn></q>, and |
|
132 |
<q><dfn id=may><em class=rfc2119>MAY</em></dfn></q> in this |
<q><dfn id=may><em class=rfc2119>MAY</em></dfn></q> in this |
133 |
document are to be interpreted as described in |
document are to be interpreted as described in |
134 |
<a href="urn:ietf:rfc:2119"><abbr title="Request for Comments">RFC</abbr> |
<a href="urn:ietf:rfc:2119"><abbr title="Request for Comments">RFC</abbr> |
164 |
selector</a> or <a href="#algorithm-serialize-a-group-of-selectors">serialize |
selector</a> or <a href="#algorithm-serialize-a-group-of-selectors">serialize |
165 |
a group of selectors</a>.</p> |
a group of selectors</a>.</p> |
166 |
|
|
|
<div class="issue ed"> |
|
|
<p><a href="http://suika.fam.cx/gate/cvs/*checkout*/markup/html/whatpm/Whatpm/CSS/SelectorsSerializer.pm">See |
|
|
also the reference implementation</a> for now.</p> |
|
|
</div> |
|
|
|
|
167 |
<div class="note memo"> |
<div class="note memo"> |
168 |
<p>The serialized representation will not contain any comment.</p> |
<p>The serialized representation will not contain any comment.</p> |
169 |
</div> |
</div> |
170 |
<!-- TODO: link terms to Selectors --> |
|
171 |
|
<div class="ed issue"><p>TODO: link terms to Selectors</p></div> |
172 |
|
|
173 |
<div class=section id=serializing-tokens> |
<div class=section id=serializing-tokens> |
174 |
<h3>Serializing Tokens</h3> |
<h3>Serializing Tokens</h3> |
200 |
<code class=char>U+0080</code> to <code class=char>U+D7FF</code>, or |
<code class=char>U+0080</code> to <code class=char>U+D7FF</code>, or |
201 |
<code class=char>U+E000</code> to <code class=char>U+10FFFF</code> in |
<code class=char>U+E000</code> to <code class=char>U+10FFFF</code> in |
202 |
<var>n</var>, then replace it by string <code>\<var>HHHHHH</var></code>, where |
<var>n</var>, then replace it by string <code>\<var>HHHHHH</var></code>, where |
203 |
<dfn id=var-HHHHHH><var>HHHHHH</var></dfn> is the upper$B!>(Bcase zero$B!>(Bpadded |
<dfn id=var-ident-HHHHHH><var>HHHHHH</var></dfn> is the upper$B!>(Bcase |
204 |
hexadecimal representation of the character. If the character |
zero$B!>(Bpadded hexadecimal representation of the character. If the character |
205 |
is outside the range of <code>[<code class=char>U+0000</code>, |
is outside the range of <code>[<code class=char>U+0000</code>, |
206 |
<code class=char>U+10FFFF</code>]</code>, <var>HHHHHH</var> |
<code class=char>U+10FFFF</code>]</code>, <var>HHHHHH</var> |
207 |
<em class=rfc2119>MUST</em> be <code>FFFFFF</code>.</li> |
<em class=rfc2119>MUST</em> be <code>FFFFFF</code>.</li> |
253 |
SQUARE BRACKET</code> to <code class=char>U+D7FF</code>, or |
SQUARE BRACKET</code> to <code class=char>U+D7FF</code>, or |
254 |
<code class=char>U+E000</code> to <code class=char>U+10FFFF</code> in |
<code class=char>U+E000</code> to <code class=char>U+10FFFF</code> in |
255 |
<var>s</var>, then replace it by string <code>\<var>HHHHHH</var></code>, where |
<var>s</var>, then replace it by string <code>\<var>HHHHHH</var></code>, where |
256 |
<dfn id=var-HHHHHH><var>HHHHHH</var></dfn> is the upper$B!>(Bcase zero$B!>(Bpadded |
<dfn id=var-string-HHHHHH><var>HHHHHH</var></dfn> is the upper$B!>(Bcase |
257 |
hexadecimal representation of the character. If the character |
zero$B!>(Bpadded hexadecimal representation of the character. If the character |
258 |
is outside the range of <code>[<code class=char>U+0000</code>, |
is outside the range of <code>[<code class=char>U+0000</code>, |
259 |
<code class=char>U+10FFFF</code>]</code>, <var>HHHHHH</var> |
<code class=char>U+10FFFF</code>]</code>, <var>HHHHHH</var> |
260 |
<em class=rfc2119>MUST</em> be <code>FFFFFF</code>.</p></li> |
<em class=rfc2119>MUST</em> be <code>FFFFFF</code>.</p></li> |
294 |
It is tr/A-Z/a-z/ for now.</p> |
It is tr/A-Z/a-z/ for now.</p> |
295 |
</div> |
</div> |
296 |
|
|
297 |
|
<p>To |
298 |
|
<dfn id=algorithm-normalize-an-integer title="normalize an integer">normalize |
299 |
|
an integer (<dfn id=var-int-i><var>i</var></dfn>)</dfn>, the following |
300 |
|
algorithm <em class=rfc2119>MUST</em> be used:</p> |
301 |
|
<ol class=algorithm> |
302 |
|
<li>If <var>i</var> is equal to zero (0), return a string with only a |
303 |
|
character: <code class=char>U+0030</code> |
304 |
|
<code class=charname>DIGIT ZERO</code> (<code class=char>0</code>). |
305 |
|
Stop the algorithm.</li> |
306 |
|
<li>Let <dfn id=var-int-result><var>result</var></dfn> be an empty string.</li> |
307 |
|
<li>If <var>i</var> is less than zero (0), append a |
308 |
|
<code class=char>U+002D</code> <code class=charname>HYPHEN-MINUS</code> |
309 |
|
(<code class=char>-</code>) character to <var>result</var>.</li> |
310 |
|
<li>Append the decimal representation of the absolute value of |
311 |
|
<var>i</var> to <var>result</var>. The decimal (base$B!>(Bten) representation |
312 |
|
<em class=rfc2119>MUST NOT</em> begin with a <code class=char>U+0030</code> |
313 |
|
<code class=charname>DIGIT ZERO</code> (<code class=char>0</code>) |
314 |
|
character.</li> |
315 |
|
<li>Return <var>result</var>.</li> |
316 |
|
</ol> |
317 |
|
|
318 |
</div> |
</div> |
319 |
|
|
320 |
|
|
479 |
<li>Append a <code class=char>U+0028</code> <code class=charname>LEFT |
<li>Append a <code class=char>U+0028</code> <code class=charname>LEFT |
480 |
PARENTHESIS</code> (<code class=char>(</code>) character |
PARENTHESIS</code> (<code class=char>(</code>) character |
481 |
to <var>r</var>.</li> |
to <var>r</var>.</li> |
482 |
<li>Append <span class=ed>@@ normalized</span> |
<li>Let <dfn id=var-a><var>a</var></dfn> be the <var>a</var> |
483 |
integer <var>a</var> to <var>r</var>. |
part of the argument. If the argument is a keyword <code>odd</code> |
484 |
If the argument is a keyword <code>odd</code> or <code>even</code>, |
or <code>even</code>, then let <var>a</var> be <code>2</code>. |
485 |
<var>a</var> is <code>2</code>. If <var>a</var> and |
If the <var>a</var> part with following <code>n</code> character |
486 |
<code>n</code> is omitted, <var>a</var> is assumed as |
is omitted, then let <var>a</var> be <code>0</code>. |
487 |
<code>0</code>. Otherwise, if <var>a</var> is omitted, |
Otherwise, if only the <var>a</var> part is omitted, then |
488 |
it is assumed as <code>1</code> (or <code>-1</code>, |
let <var>a</var> be <code>1</code>. Otherwise, if the <var>a</var> |
489 |
if there is a <code class=char>U+002D</code> |
part is <code>-</code>, then let <var>a</var> be |
490 |
<code class=charname>HYPHEN-MINUS</code> (<code class=char>-</code>) |
<code>-1</code>.</li> |
491 |
character).</li> |
<li>Let <var>a</var> be the |
492 |
|
<a href="#algorithm-normalize-an-integer" title="normalize an integer">normalized |
493 |
|
string representation</a> of integer <var>a</var>.</li> |
494 |
|
<li>Append <var>a</var> to <var>result</var>.</li> |
495 |
<li>Append a <code class=char>U+006E</code> |
<li>Append a <code class=char>U+006E</code> |
496 |
<code class=charname>LATIN SMALL LETTER N</code> |
<code class=charname>LATIN SMALL LETTER N</code> |
497 |
(<code class=char>n</code>) character to <var>r</var>.</li> |
(<code class=char>n</code>) character to <var>r</var>.</li> |
498 |
<li>Append <span class=ed>@@ normalized</span> |
<li>Let <dfn id=var-b><var>b</var></dfn> be the <var>b</var> |
499 |
integer <var>b</var> to <var>r</var>. |
part of the argument. If the argument is a keyword <code>odd</code>, |
500 |
It <em class=rfc2119>MUST</em> be preceded by a sign, |
then let <var>b</var> be <code>1</code>. If the argument is a |
501 |
either <code class=char>U+002B</code> <code class=charname>PLUS |
keyword <code>even</code>, then let <var>b</var> be <code>0</code>. |
502 |
SIGN</code> (<code class=char>+</code>) or |
If the <var>b</var> part is omitted, then let <var>b</var> be |
503 |
<code class=char>U+002D</code> |
<code>0</code>.</li> |
504 |
|
<li>Let <var>b</var> be the |
505 |
|
<a href="#algorithm-normalize-an-integer" title="normalize an integer">normalized |
506 |
|
string representation</a> of integer <var>b</var>.</li> |
507 |
|
<li>If <var>b</var> does <em>not</em> start with a |
508 |
|
<code class=char>U+002D</code> |
509 |
<code class=charname>HYPHEN-MINUS</code> (<code class=char>-</code>) |
<code class=charname>HYPHEN-MINUS</code> (<code class=char>-</code>) |
510 |
character. If the argument is a keyword <code>odd</code>, |
character, then append <code class=char>U+002B</code> |
511 |
<var>b</var> is <code>1</code>. If the argument |
<code class=charname>PLUS SIGN</code> |
512 |
is a keyword <code>even</code>, <var>b</var> is |
(<code class=char>+</code>) to <var>result</var>.</li> |
513 |
<code>0</code>. If <var>b</var> is omitted, it is assumed as |
<li>Append <var>b</var> to <var>result</var>.</li> |
|
<code>0</code>. The sign of <code>0</code> |
|
|
<em class=rfc2119>MUST</em> be <code class=char>U+002B</code> |
|
|
<code class=charname>PLUS SIGN</code> |
|
|
(<code class=char>+</code>).</li> |
|
514 |
<li>Append a <code class=char>U+0029</code> |
<li>Append a <code class=char>U+0029</code> |
515 |
<code class=charname>RIGHT PARENTHESIS</code> |
<code class=charname>RIGHT PARENTHESIS</code> |
516 |
(<code class=char>)</code>) character |
(<code class=char>)</code>) character |
617 |
(<dfn id=var-sss><var>sss</var></dfn>)</dt> |
(<dfn id=var-sss><var>sss</var></dfn>)</dt> |
618 |
<dd> |
<dd> |
619 |
<ol> |
<ol> |
620 |
<li class=ed><a href="#algorithm-serialize-a-simple-selector">Serialize |
<li>If <var>sss</var> contains a universal or type selector, then |
621 |
each simple selector</a> in <var>sss</var>.</li> |
<a href="#algorithm-serialize-a-simple-selector" title="serialize a simple selector">serialize |
622 |
<li class=ed>sort</li> |
that simple selector</a> and append the result to |
623 |
|
<var>result</var>.</li> |
624 |
|
<li>Otherwise, i.e. if <var>sss</var> does not contain a universal or |
625 |
|
type selector, then |
626 |
|
<a href="#algorithm-serialize-a-simple-selector" title="serialize a simple selector">serialize |
627 |
|
a simple selector <code>*</code></a> and append the result to |
628 |
|
<var>result</var>.</li> |
629 |
|
<li><a href="#algorithm-serialize-a-simple-selector" title="serialize a simple selector">Serialize |
630 |
|
any attribute selectors</a> in <var>sss</var>, sort the results, |
631 |
|
then append them to <var>result</var> in order.</li> |
632 |
|
<li><a href="#algorithm-serialize-a-simple-selector" title="serialize a simple selector">Serialize |
633 |
|
any class selectors</a> in <var>sss</var>, sort the results, |
634 |
|
then append them to <var>result</var> in order.</li> |
635 |
|
<li><a href="#algorithm-serialize-a-simple-selector" title="serialize a simple selector">Serialize |
636 |
|
any <abbr>ID</abbr> selectors</a> in <var>sss</var>, sort the results, |
637 |
|
then append them to <var>result</var> in order.</li> |
638 |
|
<li><a href="#algorithm-serialize-a-simple-selector" title="serialize a simple selector">Serialize |
639 |
|
any pseudo$B!>(Bclass selectors</a> in <var>sss</var>, sort the results, |
640 |
|
then append them to <var>result</var> in order.</li> |
641 |
|
<li><a href="#algorithm-serialize-a-simple-selector" title="serialize a simple selector">Serialize |
642 |
|
any pseudo elements</a> in <var>sss</var>, sort the results, |
643 |
|
then append them to <var>result</var> in order.</li> |
644 |
<li>Append a <a href="#newline">newline</a> to <var>result</var>.</li> |
<li>Append a <a href="#newline">newline</a> to <var>result</var>.</li> |
645 |
</ol> |
</ol> |
646 |
</dd> |
</dd> |
722 |
|
|
723 |
<p class=section-info>This section is <em>non$B!>(Bnormative</em>.</p> |
<p class=section-info>This section is <em>non$B!>(Bnormative</em>.</p> |
724 |
|
|
|
<div class="ed issue"> |
|
|
<p><a href="http://suika.fam.cx/gate/2007/css/parser-interface">Try demo</a>, |
|
|
by choosing <q>Selectors</q> radio button.</p> |
|
|
|
|
725 |
<div class="example figure block"> |
<div class="example figure block"> |
726 |
<div class="caption">...</div> |
<p>The <abbr title="Selectors Serialization Format for Testing">SSFT</abbr> |
727 |
|
representation of a selector <code>p + q</code> is:</p> |
728 |
|
|
729 |
<pre><code>...</code></pre> |
<pre><code> *|p |
730 |
|
+ *|q |
731 |
|
</code></pre> |
732 |
</div> |
</div> |
733 |
|
|
734 |
|
<div class="example figure block"> |
735 |
|
<p>The <abbr title="Selectors Serialization Format for Testing">SSFT</abbr> |
736 |
|
representation of a selector <code>a#id.class1:n\ot(:Active)/* |
737 |
|
comment |
738 |
|
*/.class2</code> is:</p> |
739 |
|
|
740 |
|
<pre><code> *|a.class1.class2#id:not( |
741 |
|
:active |
742 |
|
) |
743 |
|
</code></pre> |
744 |
|
</div> |
745 |
|
|
746 |
|
<div class="example figure block"> |
747 |
|
<p>The <abbr title="Selectors Serialization Format for Testing">SSFT</abbr> |
748 |
|
representation of a |
749 |
|
<a href="http://www.w3.org/TR/css3-selectors/#grouping">group of selectors</a> |
750 |
|
<code>a, #b, C[d^=e], .\31 23</code> is:</p> |
751 |
|
|
752 |
|
<pre><code> *|a |
753 |
|
, |
754 |
|
*|*#b |
755 |
|
, |
756 |
|
*|C[|d^="e"] |
757 |
|
, |
758 |
|
*|*.\00003123 |
759 |
|
</code></pre> |
760 |
</div> |
</div> |
761 |
|
|
762 |
</div> |
</div> |
808 |
<dt id=ref-HTML5>HTML5</dt> |
<dt id=ref-HTML5>HTML5</dt> |
809 |
<dd><cite><a href="http://whatwg.org/html5"><abbr>HTML</abbr> 5</a></cite>, |
<dd><cite><a href="http://whatwg.org/html5"><abbr>HTML</abbr> 5</a></cite>, |
810 |
<abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr> |
<abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr> |
811 |
Working Draft. Work in progress.</dd> |
Working Draft, <time datetime="2007-11-03">3 November 2007</time>. |
812 |
|
Work in progress.</dd> |
813 |
<dt id=ref-SAPI>SAPI</dt> |
<dt id=ref-SAPI>SAPI</dt> |
814 |
<dd><cite><a href="http://dev.w3.org/cvsweb/~checkout~/2006/webapi/selectors-api/Overview.html?rev=1.28&content-type=text/html;%20charset=utf-8">Selectors <abbr>API</abbr></a></cite>, |
<dd><cite><a href="http://dev.w3.org/cvsweb/~checkout~/2006/webapi/selectors-api/Overview.html?rev=1.28&content-type=text/html;%20charset=utf-8">Selectors <abbr>API</abbr></a></cite>, |
815 |
<abbr title="World Wide Web Consortium">W3C</abbr> Editor's Draft, |
<abbr title="World Wide Web Consortium">W3C</abbr> Editor's Draft, |