11<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN'>
22<html lang="en">
3- <!-- $Id: selector.src,v 2.32 1998-03-20 19:24:06 bbos Exp $ -->
3+ <!-- $Id: selector.src,v 2.33 1998-03-20 22:35:16 howcome Exp $ -->
44<head>
55<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66<title>Selectors</title>
@@ -29,13 +29,13 @@ case-sensitive.
2929<TR><TH>Pattern<TH>Meaning<TH>Described in section</TR>
3030<TR><TD>*<TD>Matches any element.<TD><a href="#universal-selector">Universal
3131selector</a></TR>
32- <TR><TD>E<TD>Matches any element of type E.<TD><a href="#type-selectors">Type
32+ <TR><TD>E<TD>Matches any E element (i.e. an element of type E) .<TD><a href="#type-selectors">Type
3333selectors</a></TR>
34- <TR><TD>A B <TD>Matches any B element that is a descendant of
35- an A element.<TD><a href="#descendant-selectors">Descendant
34+ <TR><TD>A F <TD>Matches any E element that is a descendant of
35+ an F element.<TD><a href="#descendant-selectors">Descendant
3636selectors</a></TR>
37- <TR><TD>A > B <TD>Matches any B element that is a child of
38- an element A .<TD><a href="#child-selectors">Child selectors</a></TR>
37+ <TR><TD>E > F <TD>Matches any F element that is a child of
38+ an element E .<TD><a href="#child-selectors">Child selectors</a></TR>
3939<TR><TD>E:first-child<TD>Matches element E when E is the first
4040child of some other element
4141<TD><a href="#first-child">The :first-child pseudo-class</a></TR>
@@ -45,9 +45,11 @@ anchor of a hyperlink of which the target is not yet visited (:link)
4545or already visited (:visited)
4646<TD><a href="#link-pseudo-classes">The link pseudo-classes</a></TR>
4747
48+ <!--
4849<TR><TD>E:target<TD>Matches element E if E is the target
4950anchor of the current document
5051<TD><a href="#target-pseudo-class">The target pseudo-class</a></TR>
52+ -->
5153
5254<TR><TD>E:active<br>E:hover<br>E:focus <TD>Matches E during certain
5355user actions
@@ -124,15 +126,15 @@ grouped into a comma-separated list.</p>
124126into one. Thus,
125127
126128<pre>
127- H1 { font-family: Helvetica }
128- H2 { font-family: Helvetica }
129- H3 { font-family: Helvetica }
129+ H1 { font-family: sans-serif }
130+ H2 { font-family: sans-serif }
131+ H3 { font-family: sans-serif }
130132</pre>
131133
132134<p>is equivalent to:</p>
133135
134136<pre>
135- H1, H2, H3 { font-family: Helvetica }
137+ H1, H2, H3 { font-family: sans-serif }
136138</pre>
137139</div>
138140
@@ -171,7 +173,7 @@ the document tree.
171173document tree:</p>
172174
173175<pre>
174- H1 { font-family: Helvetica }
176+ H1 { font-family: sans-serif }
175177</pre>
176178</div>
177179
@@ -279,7 +281,7 @@ pseudo-class below.
279281appear next to each other in a document. For example, when block-level
280282elements are laid out, the vertical space between them collapses. In
281283this case, the special formatting is handled by the rules for <a
282- href="./visudet.html#collapsing-margins">collapsing margins, </a> but
284+ href="./visudet.html#collapsing-margins">collapsing margins</a>, but
283285in other cases of adjacent selectors, authors may want to specify
284286their own special formatting rules.</p>
285287
@@ -559,10 +561,10 @@ The rule will thus match for the P element:</p>
559561
560562<pre>
561563<HEAD>
562- <TITLE>Match P</TITLE>
563- <STYLE type="text/css">
564- *#z98y { letter-spacing: 0.3em }
565- </STYLE>
564+ <TITLE>Match P</TITLE>
565+ <STYLE type="text/css">
566+ *#z98y { letter-spacing: 0.3em }
567+ </STYLE>
566568</HEAD>
567569<BODY>
568570 <P id=z98y>Wide text</P>
@@ -575,10 +577,10 @@ P element in this example:</p>
575577
576578<pre>
577579<HEAD>
578- <TITLE>Match H1 only</TITLE>
579- <STYLE type="text/css">
580- H1#z98y { letter-spacing: 0.5em }
581- </STYLE>
580+ <TITLE>Match H1 only</TITLE>
581+ <STYLE type="text/css">
582+ H1#z98y { letter-spacing: 0.5em }
583+ </STYLE>
582584</HEAD>
583585<BODY>
584586 <P id=z98y>Wide text</P>
@@ -752,7 +754,7 @@ For example, the EM in:</p>
752754
753755<PRE>
754756* > A:first-child /* A is first child of any element */
755- A:first-child /* Same */
757+ A:first-child /* Same */
756758</PRE>
757759
758760
@@ -797,7 +799,6 @@ this)? What about XML? -IJ -->
797799If the following link:</p>
798800
799801<pre class="html-example">
800- <P>
801802 <A class="external" href="http://out.side/">external link</A>
802803</pre>
803804
@@ -828,6 +829,7 @@ as in:</p>
828829</div>
829830-->
830831
832+ <!--
831833<h3><a name="target-pseudo-class">The target pseudo-class</a>: <span
832834class="index-def" title="pseudo-classes:::target|:target|target
833835(pseudo-class)">:target</span></h3>
@@ -855,6 +857,9 @@ pointing to an anchor named section_2:
855857<P>If the URI that has been followed has no fragment identifier, the
856858rule above will have no effect.
857859
860+ [hate to see that one gone, HWL]
861+ -->
862+
858863
859864<h3><a name="dynamic-pseudo-classes">The dynamic pseudo-classes:</a>
860865<span class="index-def" title="pseudo-classes:::hover|:hover|hover
@@ -924,15 +929,21 @@ the A element.
924929<p>An example of combining dynamic pseudo classes:
925930
926931<pre>
927- A:focus {background: yellow}
928- A:focus:hover {background: white}
932+ A:focus { background: yellow }
933+ A:focus:hover { background: white }
929934</pre>
935+
936+ <P>The last selector matches A elements which are in pseudo-class
937+ :focus and in pseudo-class :hover.
938+
930939</div>
931940
932- <P>In order to support the :focus pseudo-class, user agents are
933- expected to be able to reformat a document dynamically. For
934- information about the presentation of focus outlines, please consult
935- the section on <a href="ui.html#dynamic-outlines">dynamic
941+ <!--In order to support the :focus pseudo-class, user agents are
942+ expected to be able to reformat a document dynamically. [this
943+ conflicts with the statment above, HWL] -->
944+
945+ <P>For information about the presentation of focus outlines, please
946+ consult the section on <a href="ui.html#dynamic-outlines">dynamic
936947focus outlines</a>.
937948
938949<div class="note"><P>
@@ -1164,7 +1175,7 @@ which it is attached.</p>
11641175
11651176<P>In order to achieve traditional drop caps formatting, user agents
11661177may approximate font sizes, for example to align baselines. Also, the
1167- glyph outline may be taken into account in the formatting process .
1178+ glyph outline may be taken into account when formatting.
11681179
11691180<p><!--
11701181The user agent defines what characters are inside the :first-letter
0 commit comments