[css-pseudo] Use <a>.

Author: tabatkins

css-pseudo/Overview.bs

@@ -26,7 +26,7 @@ spec:css-color-3; type:property; text:color
 
   <em>This section is informative.</em>
 
-  <i>Pseudo-elements</i> represent abstract elements of the document
+  <a>Pseudo-elements</a> represent abstract elements of the document
   beyond those elements explicitly created by the document language.
   Since they are not restricted to fitting into the document tree,
   the can be used the select and style portions of the document
@@ -37,12 +37,12 @@ spec:css-color-3; type:property; text:color
   allowing just that line to be styled differently
   from the rest of the paragraph.
 
-  Each pseudo-element is associated with an <i>originating element</i>
+  Each pseudo-element is associated with an <a>originating element</a>
   and has syntax of the form ''::name-of-pseudo''.
   This module defines the pseudo-elements that exist in CSS
   and how they can be styled.
   For more information on pseudo-elements in general,
-  and on their syntax and interaction with other <i>selectors</i>,
+  and on their syntax and interaction with other <a>selectors</a>,
   see [[!SELECTORS4]].
 
 <h2 id="typographic-pseudos">
@@ -52,7 +52,7 @@ Typographic Pseudo-elements</h2>
 The ::first-line pseudo-element</h3>
 
   The <dfn>::first-line</dfn> pseudo-element describes the contents of
-  the <i>first formatted line</i> of its <i>originating element</i>.
+  the <a>first formatted line</a> of its <a>originating element</a>.
 
   <div class="example">
     The rule below means
@@ -93,7 +93,7 @@ The ::first-line pseudo-element</h3>
 
     This paragraph might be “rewritten” by user agents
     to include a <dfn>fictional tag sequence</dfn> to represent ''::first-line''.
-    This <i>fictional tag sequence</i> helps to show how properties are inherited.
+    This <a>fictional tag sequence</a> helps to show how properties are inherited.
 
     <pre>
       &lt;P&gt;<b>&lt;P::first-line&gt;</b> This is a somewhat long HTML
@@ -106,7 +106,7 @@ The ::first-line pseudo-element</h3>
   </div>
 
   If a pseudo-element breaks up a real element,
-  the desired effect can often be described by a <i>fictional tag sequence</i>
+  the desired effect can often be described by a <a>fictional tag sequence</a>
   that closes and then re-opens the element.
 
   <div class="example">
@@ -123,7 +123,7 @@ The ::first-line pseudo-element</h3>
     </pre>
 
     the user agent could simulate start and end tags for <code>span</code>
-    when inserting the <i>fictional tag sequence</i> for ''::first-line''
+    when inserting the <a>fictional tag sequence</a> for ''::first-line''
     to get the correct inheritance behavior.
 
     <pre>
@@ -140,7 +140,7 @@ The ::first-line pseudo-element</h3>
 Finding the First Formatted Line</h4>
 
   In CSS, the ''::first-line'' pseudo-element
-  can only have an effect when attached to a <i>block container</i>.
+  can only have an effect when attached to a <a>block container</a>.
   The <dfn export>first formatted line</dfn> of an element
   must occur inside a block-level descendant in the same flow
   (i.e., a block-level descendant that is not out-of-flow due to floating or positioning).
@@ -165,7 +165,7 @@ Finding the First Formatted Line</h4>
   were nested just inside the innermost enclosing block-level element.
 
   <div class="example">
-    For example, the <i>fictional tag sequence</i> for
+    For example, the <a>fictional tag sequence</a> for
     <pre>
       &lt;DIV&gt;
         &lt;P&gt;First paragraph&lt;/P&gt;
@@ -214,8 +214,8 @@ Inheritance and the ''::first-line'' Pseudo-element</h4>
 The ::first-letter pseudo-element</h3>
 
   The <dfn>::first-letter</dfn> pseudo-element represents
-  the first <i>typographic letter unit</i> [[!CSS3TEXT]]
-  on the <i>first formatted line</i> of its <i>originating element</i>,
+  the first <a>typographic letter unit</a> [[!CSS3TEXT]]
+  on the <a>first formatted line</a> of its <a>originating element</a>,
   if it is not preceded by any other content
   (such as images or inline tables) on its line.
   The ''::first-letter'' pseudo-element can be used
@@ -231,25 +231,25 @@ The ::first-letter pseudo-element</h3>
     </pre>
   </div>
 
-  Punctuation (i.e, characters that belong to the Punctuation (<code>P*</code>) <i>Unicode general category</i> [[!UAX44]])
-  that precedes or follows the first <i>typographic letter unit</i> must also be included
+  Punctuation (i.e, characters that belong to the Punctuation (<code>P*</code>) <a>Unicode general category</a> [[!UAX44]])
+  that precedes or follows the first <a>typographic letter unit</a> must also be included
   in the ''::first-letter'' pseudo-element.
 
   <div class="figure">
       <img alt="Quotes that precede the first letter should be included." src="https://www.w3.org/TR/selectors/first-letter2.png">
   </div>
 
   As explained in [[!CSS3TEXT]],
-  a <i>typographic letter unit</i> can include more than one Unicode codepoint.
+  a <a>typographic letter unit</a> can include more than one Unicode codepoint.
   For example, combining characters must be kept with their base character.
   Also, languages may have additional rules
   about how to treat certain letter combinations.
   In Dutch, for example, if the letter combination "ij" appears at the beginning of an element,
   both letters should be considered within the ''::first-letter'' pseudo-element. [[UAX29]]
-  The UA should tailor its definition of <i>typographic letter unit</i>
+  The UA should tailor its definition of <a>typographic letter unit</a>
   to reflect the first-letter traditions of the ''::first-letter'' pseudo-element’s <em>containing block</em>’s content language.
 
-  Note: Note that the first <i>typographic letter unit</i> may in fact
+  Note: Note that the first <a>typographic letter unit</a> may in fact
   be a digit, e.g., the “6” in “67 million dollars is a lot of money.”
 
   If the characters that would form the ''::first-letter''
@@ -266,7 +266,7 @@ The ::first-letter pseudo-element</h3>
 <h4 id="application-in-css">
 Finding the First Letter</h4>
 
-  The first letter must occur on the <i>first formatted line</i>.
+  The first letter must occur on the <a>first formatted line</a>.
   For example, in this HTML fragment: <code>&lt;p&gt;&lt;br&gt;First...</code>
   the first line doesn't contain any letters
   and ''::first-letter'' doesn't match anything.
@@ -286,7 +286,7 @@ Finding the First Letter</h4>
 
   <div class="example">
     Example:
-    The <i>fictional tag sequence</i> for this HTML fragment:
+    The <a>fictional tag sequence</a> for this HTML fragment:
     <pre>
       &lt;div&gt;
       &lt;p&gt;The first text.
@@ -398,7 +398,7 @@ Styling the ''::first-letter'' Pseudo-element</h4>
    and ::first-line pseudo-elements" src="https://www.w3.org/TR/selectors/first-letter.png">
     </div>
 
-    The <i>fictional tag sequence</i> is:
+    The <a>fictional tag sequence</a> is:
 
     <pre>
       &lt;P&gt;
@@ -557,7 +557,7 @@ Cascading and Per-Element Highlight Styles</h3>
   Issue: This could alternately be described in terms of inheritance.
   The observable differences would be in how ''inherit'' and ''unset'' behave.
   Should it inherit from the parent ''::selection''
-  or the <i>originating element</i>?
+  or the <a>originating element</a>?
   Opera does the former, Gecko/Blink the latter.
 
   <p class="advisement">
@@ -639,20 +639,20 @@ Generated Content Pseudo-elements: ''::before'' and ''::after''</h3>
 
   When their computed 'content' value is not ''content/none'',
   these pseudo-elements generate boxes
-  as if they were immediate children of their <i>originating element</i>,
+  as if they were immediate children of their <a>originating element</a>,
   and can be styled exactly like any normal document-sourced element in the document tree.
-  They <i lt="inheritance">inherit</i> any inheritable properties from their <i>originating element</i>;
-  non-inheritable properties take their <i>initial values</i> as usual.
+  They <a lt="inheritance">inherit</a> any inheritable properties from their <a>originating element</a>;
+  non-inheritable properties take their <a>initial values</a> as usual.
   [[CSS3CASCADE]]
 
   <dl>
     <dt><dfn>::before</dfn>
     <dd>Represents a styleable child pseudo-element
-    immediately before the <i>originating element</i>'s actual content.
+    immediately before the <a>originating element</a>'s actual content.
 
     <dt><dfn>::after</dfn>
     <dd>Represents a styleable child pseudo-element
-    immediately after the <i>originating element</i>'s actual content.
+    immediately after the <a>originating element</a>'s actual content.
   </dl>
 
   <div class="example">
@@ -672,7 +672,7 @@ Generated Content Pseudo-elements: ''::before'' and ''::after''</h3>
   As with the content of regular elements,
   the generated content of ''::before'' and '':after'' pseudo-elements
   may be included in any ''::first-line'' and ''::first-letter'' pseudo-elements
-  applied to its <i>originating element</i>.
+  applied to its <a>originating element</a>.
 
   <p>For compatibility with existing style sheets written against CSS Level 2 [[CSS21]],
   user agents must also accept the previous one-colon notation
@@ -766,7 +766,7 @@ Overlapping Pseudo-element Interactions</h2>
     while the rest of the paragraph will be red.
 
     Assuming that a line break will occur before the word "ends",
-    the <i>fictional tag sequence</i> for this fragment might be:
+    the <a>fictional tag sequence</a> for this fragment might be:
     <pre>
       &lt;P&gt;
       &lt;P::first-line&gt;