11<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN'>
22<html lang="en">
3- <!-- $Id: selector.src,v 2.50 1998-05-03 01:08:49 ijacobs Exp $ -->
3+ <!-- $Id: selector.src,v 2.51 1998-05-06 02:25:10 ijacobs Exp $ -->
44<head>
55<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66<title>Selectors</title>
@@ -338,8 +338,7 @@ matching||="><code>[att|=val]</code></span>
338338<dd>Match when the element's "att" attribute value is a
339339hyphen-separated list of "words", beginning with "val". The match
340340always starts at the beginning of the attribute value.
341- <!--If this selector is used, the words in the value must not contain
342- hyphens (since they are separated by hyphens).--> This is primarily
341+ This is primarily
343342intended to allow <span class="index-inst" title="language
344343code">language subcode</span> matches (e.g., the "lang"
345344attribute in HTML) as described in RFC 1766 ([[-RFC1766]]).
@@ -502,9 +501,6 @@ text, while the second would:</p>
502501</pre>
503502</div>
504503
505- <!--<p>The normal inheritance rules apply to classed elements; they
506- inherit values from their parent in the document structure.</p>-->
507-
508504<p>To match a subset of "class" values, each value must be preceded
509505by a ".", in any order.</P>
510506
@@ -657,18 +653,6 @@ pseudo-elements may only appear after the <a
657653href="#subject">subject</a> of the selector.
658654</p>
659655
660- <!--
661- <p>Although pseudo-elements and pseudo-classes do not exist in the
662- document tree, their behavior is defined as if they did. Each
663- pseudo-element and pseudo-class may be modeled by a <span
664- class="index-def" title="fictional tag sequence"><em>fictional tag
665- sequence,</em></span> a fragment of document source that includes
666- imaginary elements from the document language. The fictional tag
667- sequence is only a model used to describe the rendering effects of
668- pseudo-elements and pseudo-classes and does not indicate how these
669- should be implemented.
670-
671- [Too strong. BB]-->
672656
673657<p>Pseudo-elements and pseudo-class names are case-insensitive.</p>
674658
@@ -677,16 +661,6 @@ applied simultaneously to the same element. In case of conflicting
677661rules, the normal <a href="cascade.html#cascading-order">cascading
678662order</A> determines the outcome.
679663
680-
681- <!--
682- <P> Some common typographical effects are associated not with
683- structural elements but rather with typographical items as rendered.
684- In CSS2, two such typographical items can be addressed
685- through <span class="index-inst"
686- title="pseudo-elements">pseudo-elements</span>: the first line of an
687- element, and the first letter.
688- -->
689-
690664<p><a href="conform.html#conformance">Conforming HTML user agents</a>
691665may <span class="index-inst" title="ignore"><a
692666href="syndata.html#ignore">ignore</a></span> all rules with :first-line or
@@ -798,9 +772,6 @@ A:link { color: red }
798772:link { color: red }
799773</pre>
800774
801- <!-- What about LINK? Why only A elements (WG still out on
802- this)? What about XML? -IJ -->
803-
804775<div class="example"><p>
805776If the following link:</p>
806777
@@ -817,24 +788,6 @@ A.external:visited { color: blue }
817788will cause it to be blue.
818789</div>
819790
820- <!--
821- <div class="example"><P>
822- Here's another example. The following rule:</p>
823-
824- <pre>
825- P.note:first-letter { color: red }
826- </pre>
827-
828- <P>would make the first letter of all P elements with
829- <samp>class="note"</samp> such as the following, the color 'red',
830- as in:</p>
831-
832- <pre class="html-example">
833- <P class="note">Note: Only valid until December 31.</P>
834- </pre>
835- </div>
836- -->
837-
838791<h3><a name="dynamic-pseudo-classes">The dynamic pseudo-classes:</a>
839792<span class="index-def" title="pseudo-classes:::hover|:hover|hover
840793(pseudo-class)">:hover</span>, <span class="index-def"
@@ -961,13 +914,6 @@ HTML:lang(de) { quotes: '
961914:lang(de) > Q { quotes: '�' '�' '\2039' '\203A' }
962915</pre>
963916
964- <!-- old example, HWL
965- HTML:lang(fr) { quotes: "�" "�" "\2039" "\203A" "\201C" "\201D" }
966- HTML:lang(de) { quotes: "�" "�" "\203A" "\2039" "\201E" "\201D" }
967- [LANG|=fr] > * { quotes: "�" "�" "\2039" "\203A" "\201C" "\201D" }
968- [LANG|=de] > * { quotes: "�" "�" "\203A" "\2039" "\201E" "\201D" }
969- -->
970-
971917<p>The second pair of rules actually set the <span
972918class="propinst-quotes">'quotes'</span> property on Q elements
973919according to the language of its parent. This is done because the
@@ -1088,7 +1034,7 @@ class="index-inst" title="initial caps">"initial caps"</span> and
10881034are common typographical effects. This type of initial letter is
10891035similar to an inline-level element if its <span
10901036class="propinst-float">'float'</span> property is 'none', otherwise it
1091- is similar to a floating element.</p>
1037+ is similar to a floated element.</p>
10921038
10931039<p>These are the properties that apply to :first-letter
10941040pseudo-elements: <a href="fonts.html#font-properties">font
@@ -1158,11 +1104,7 @@ which it is attached.</p>
11581104may approximate font sizes, for example to align baselines. Also, the
11591105glyph outline may be taken into account when formatting.
11601106
1161- <p><!--
1162- The user agent defines what characters are inside the :first-letter
1163- element. Removed. 27/2/98 -->
1164-
1165- Punctuation (i.e, characters defined in Unicode [[UNICODE]] in the
1107+ <P>Punctuation (i.e, characters defined in Unicode [[UNICODE]] in the
11661108"open" (Ps), "close" (Pe), and "other" (Po) punctuation classes), that
11671109precedes the first letter should be included, as in:</p>
11681110
@@ -1247,26 +1189,6 @@ P.special:first-letter {color: #ffd800}
12471189<p>This will render the "S" of "Special!" in gold.
12481190</div>
12491191
1250- <!--
1251- <div class="example"><p>
1252- The following example illustrates this with the
1253- <span class="index-inst" title=":first-letter">:first-letter</span>
1254- pseudo-element.</p>
1255-
1256- <pre>
1257- BODY P:first-letter { color: purple }
1258- </pre>
1259- </div>
1260-
1261- <div class="example"><p>
1262- The following example sets the border color to blue of all images that
1263- descend from A elements that have not yet been visited:</p>
1264- <pre>
1265- A:link IMG { border: solid blue }
1266- </pre>
1267- </div>
1268- -->
1269-
12701192</body>
12711193</html>
12721194<!-- Keep this comment at the end of the file
0 commit comments