[css-transitions] Oops, use a dfn where I intended to do so (for "before-change style" and "after-change style").

Author: dbaron

css-transitions/Overview.html

@@ -970,26 +970,28 @@ <h2 id=starting><span class=secno>3. </span> Starting of transitions</h2>
    implementations must start transitions based on the computed styles that
    changed in that event. If an element does not have a computed style either
    before or after the style change event, then transitions are not started
-   for that element in that style change event. Otherwise, define the
-   <span>before-change style</span> as the computed style for the element as
-   of the previous <a href="#style-change-event">style change event</a>,
-   except with any styles derived from declarative animations such as CSS
-   Transitions, CSS Animations (<a href="#CSS3-ANIMATIONS"
+   for that element in that style change event. Otherwise, define the <dfn
+   id=before-change-style>before-change style</dfn> as the computed style for
+   the element as of the previous <a href="#style-change-event">style change
+   event</a>, except with any styles derived from declarative animations such
+   as CSS Transitions, CSS Animations (<a href="#CSS3-ANIMATIONS"
    rel=biblioentry>[CSS3-ANIMATIONS]<!--{{CSS3-ANIMATIONS}}--></a>), and SMIL
    Animations (<a href="#SMIL-ANIMATION"
    rel=biblioentry>[SMIL-ANIMATION]<!--{{SMIL-ANIMATION}}--></a>, <a
    href="#SVG11" rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>) updated to the
-   current time. Likewise, define the <span>after-change style</span> as the
-   computed style for the element based on the information known at the start
-   of that <a href="#style-change-event">style change event</a>, in other
-   words, excluding any changes resulting from CSS Transitions that start
-   during that <a href="#style-change-event">style change event</a>.
+   current time. Likewise, define the <dfn id=after-change-style>after-change
+   style</dfn> as the computed style for the element based on the information
+   known at the start of that <a href="#style-change-event">style change
+   event</a>, in other words, excluding any changes resulting from CSS
+   Transitions that start during that <a href="#style-change-event">style
+   change event</a>.
 
   <div class=note>
-   <p> Note that this definition of the <span>after-change style</span> means
-    that a single change can start a transition on the same property on both
-    an ancestor element and its descendant element. This can happen when a
-    property change is inherited from one element with ‘<code
+   <p> Note that this definition of the <a
+    href="#after-change-style">after-change style</a> means that a single
+    change can start a transition on the same property on both an ancestor
+    element and its descendant element. This can happen when a property
+    change is inherited from one element with ‘<code
     class=css>transition-*</code>’ properties that say to animate the
     changing property to another element with ‘<code
     class=css>transition-*</code>’ properties that also say to animate the
@@ -1006,13 +1008,15 @@ <h2 id=starting><span class=secno>3. </span> Starting of transitions</h2>
     desirable effect, but it is essentially doing what the author asked for.
   </div>
 
-  <p> For each element with a <span>before-change style</span> and an
-   <span>after-change style</span>, and each property (other than shorthands)
-   for which the <span>before-change style</span> is different from the
-   <span>after-change style</span>, implementations must start transitions
-   based on the relevant item (see <a href="#transition-property">the
-   definition of ‘<code class=property>transition-property</code>’</a>)
-   in the computed value of ‘<a href="#transition-property"><code
+  <p> For each element with a <a href="#before-change-style">before-change
+   style</a> and an <a href="#after-change-style">after-change style</a>, and
+   each property (other than shorthands) for which the <a
+   href="#before-change-style">before-change style</a> is different from the
+   <a href="#after-change-style">after-change style</a>, implementations must
+   start transitions based on the relevant item (see <a
+   href="#transition-property">the definition of ‘<code
+   class=property>transition-property</code>’</a>) in the computed value of
+   ‘<a href="#transition-property"><code
    class=property>transition-property</code></a>’. Corresponding to this
    item there is a <span>matching transition duration</span>, a
    <span>matching transition delay</span>, and a <span>matching transition
@@ -1086,20 +1090,22 @@ <h2 id=application><span class=secno>4. </span> Application of transitions</h2>
 
   <p> If the current time is at or before the <a href="#start-time">start
    time</a> of the transition (that is, during the delay phase of the
-   transition), this value is a specified style that will compute to the
-   <span>before-change style</span> in the <a
+   transition), this value is a specified style that will compute to the <a
+   href="#before-change-style">before-change style</a> in the <a
    href="#style-change-event">style change event</a> in which the transition
    was started.
 
   <p> If the current time is after the <a href="#start-time">start time</a>
    of the transition (that is, during the duration phase of the transition),
    this value is a specified style that will compute to the <a
    href="#animatable-types">result of interpolating the property</a> using
-   the <span>before-change style</span> for the property as
-   <i>V</i><sub>start</sub>, using the <span>after-change style</span> for
-   the property as <i>V</i><sub>end</sub>, and using (current time - start
-   time) / (end time - start time) as the input to the timing function. (The
-   <span>before-change style</span> and <span>after-change style</span> <a
+   the <a href="#before-change-style">before-change style</a> for the
+   property as <i>V</i><sub>start</sub>, using the <a
+   href="#after-change-style">after-change style</a> for the property as
+   <i>V</i><sub>end</sub>, and using (current time - start time) / (end time
+   - start time) as the input to the timing function. (The <a
+   href="#before-change-style">before-change style</a> and <a
+   href="#after-change-style">after-change style</a> <a
    href="#style-change-event">style change event</a> in which the transition
    was started.)
 
@@ -1756,9 +1762,10 @@ <h2 id=changes><span class=secno>9. </span>Changes since Working Draft of
    <li>Define the model for starting of transitions and their interaction
     with other animations more precisely:
     <ul>
-     <li>Define the <span>before-change style</span> and <span>after-change
-      style</span> used for the style comparison, using the new concept of a
-      <a href="#style-change-event">style change event</a>.
+     <li>Define the <a href="#before-change-style">before-change style</a>
+      and <a href="#after-change-style">after-change style</a> used for the
+      style comparison, using the new concept of a <a
+      href="#style-change-event">style change event</a>.
 
      <li>Define that a CSS transition for a property does not affect computed
       style when a CSS Animation for the same property is running, but that
@@ -1999,6 +2006,12 @@ <h2 class=no-num id=index>Index</h2>
   <!--begin-index-->
 
   <ul class=indexlist>
+   <li>after-change style, <a href="#after-change-style"
+    title="section 3."><strong>3.</strong></a>
+
+   <li>before-change style, <a href="#before-change-style"
+    title="section 3."><strong>3.</strong></a>
+
    <li>combined duration, <a href="#combined-duration"
     title="section 3."><strong>3.</strong></a>
 

css-transitions/Overview.src.html

@@ -961,15 +961,15 @@ <h2 id="starting">
         then transitions are not started for that element
         in that style change event.
         Otherwise,
-        define the <span>before-change style</span> as
+        define the <dfn>before-change style</dfn> as
         the computed style for the element as of
         the previous <span>style change event</span>,
         except with any styles derived from declarative
         animations such as CSS Transitions, CSS Animations
         ([[CSS3-ANIMATIONS]]),
         and SMIL Animations ([[SMIL-ANIMATION]], [[SVG11]])
         updated to the current time.
-        Likewise, define the <span>after-change style</span> as
+        Likewise, define the <dfn>after-change style</dfn> as
         the computed style for the element based on the information
         known at the start of that <span>style change event</span>,
         in other words,