[css-cascade] Fix references and cross-links.

Author: fantasai

css-cascade-3/Overview.bs

@@ -19,12 +19,22 @@ Issue Tracking: Disposition of Comments https://drafts.csswg.org/css-cascade/iss
 Abstract: This CSS module describes how to collate style rules and assign values to all properties on all elements. By way of cascading and inheritance, values are propagated for all properties on all elements.
 Ignored Terms: auto, flex items
 Include Can I Use Panels: yes
+Informative Classes: ex
 </pre>
 
 <pre class=link-defaults>
-spec:css-values; type:value; text:ex
+spec:css-values-3; type: value; text:ex
+spec:css-conditional-3; type:at-rule; text:@media
+spec:mediaqueries-4; type:type; for:@media; text:all
 spec:mediaqueries-4; type:type; text:<media-query>
 spec:css2; type:property; text:display
+spec:css2; type:value; text:red
+</pre>
+
+<pre class=ignored-specs>
+spec:mediaqueries-5
+spec:css-values-4
+spec:css-fonts-4
 </pre>
 
 <h2 id="intro">
@@ -241,9 +251,9 @@ Shorthand Properties</h2>
 	Like other <a>sub-properties</a>, it is reset to its initial value by the shorthand when unspecified,
 	but the shorthand might not include syntax to set the <a>sub-property</a>
 	to any of its other values.
-	For example, the 'border' shorthand resets 'border-image'
+	<span class=ex>For example, the 'border' shorthand resets 'border-image'
 	to its initial value of ''border-image/none'',
-	but has no syntax to set it to anything else. [[css-backgrounds-3]]
+	but has no syntax to set it to anything else. [[css-backgrounds-3]]</span>
 
 	If a <a>shorthand</a> is specified as one of the <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keywords</a> [[!css-values-3]],
 	it sets all of its <a>sub-properties</a> to that keyword,
@@ -471,10 +481,10 @@ Actual Values</h3>
 
 	A <a>used value</a> is in principle ready to be used,
 	but a user agent may not be able to make use of the value in a given environment.
-	For example, a user agent may only be able to render borders with integer pixel widths
+	<span class=ex>For example, a user agent may only be able to render borders with integer pixel widths
 	and may therefore have to approximate the <a lt="used value">used</a> width.
 	Also, the font size of an element may need adjustment based on the availability of fonts
-	or the value of the 'font-size-adjust' property.
+	or the value of the 'font-size-adjust' property.</span>
 	The <dfn export>actual value</dfn> is the used value after any such adjustments have been made.
 
 	Note: By probing the actual values of elements,
@@ -489,7 +499,8 @@ Actual Values</h3>
 <h3 id="stages-examples">
 Examples</h3>
 
-	<table class="data">
+	<table class="data non-normative">
+		<caption>Examples of CSS Value Computation</caption>
 		<thead>
 			<tr>
 				<th>
@@ -800,7 +811,7 @@ Important Declarations: the ''!important'' annotation</h3>
 	(Animated values normally override all other rules.)
 	[[css-animations-1]]
 
-	[=User agent style sheets=] may also contain [=important=] declarations.
+	[=User-agent style sheets=] may also contain [=important=] declarations.
 	These override all [=author origin|author=] and [=user origin|user=] declarations.
 
 	<div class='example'>
@@ -972,7 +983,7 @@ Changes Since the 19 May 2016 Candidate Recommendation</h3>
 	The following changes were made to this specification since the
 	<a href="https://www.w3.org/TR/2018/CR-css-cascade-3-20180828/">28 August 2018 Candidate Recommendation</a>:
 
-	<ul>
+	<ul class=non-normative>
 		<li>
 			Clarify that ''@import'' ordering requirements are only in consideratin of valid rules.
 		<li>
@@ -982,7 +993,7 @@ Changes Since the 19 May 2016 Candidate Recommendation</h3>
 	The following non-trivial changes were made to this specification since the
 	<a href="https://www.w3.org/TR/2016/CR-css-cascade-3-20160519/">19 May 2016 Candidate Recommendation</a>:
 
-	<ul>
+	<ul class=non-normative>
 		<li id="change-2016-custom-all">
 			Clarified that <a>custom properties</a> are not reset by the 'all' shorthand.
 			(<a href="https://github.com/w3c/csswg-drafts/issues/2518">2518</a>)
@@ -1033,7 +1044,7 @@ Changes Since the 3 October 2013 Candidate Recommendation</h3>
 	The following changes were made to this specification since the
 	<a href="https://www.w3.org/TR/2013/CR-css-cascade-3-20131003/">3 October 2013 Candidate Recommendation</a>:
 
-	<ul>
+	<ul class="non-normative">
 		<li>Defined <a>environment encoding</a> of imported style sheets.
 			<blockquote>
 				<ins><p>The <a>environment encoding</a> of an imported style sheet is the encoding of the style sheet that imported it. [[css-syntax-3]]</p></ins>

css-cascade-4/Overview.bs

@@ -22,10 +22,22 @@ Abstract:
 Abstract: New in this level are the ''revert'' keyword and <<supports-condition>> for the ''@import'' rule.
 Ignored Terms: auto, flex items, <supports-condition>
 Include Can I Use Panels: yes
+Informative Classes: ex
 </pre>
 
 <pre class=link-defaults>
-spec:css-values; type:value; text:ex
+spec:css-values-3; type: value; text:ex
+spec:css-conditional-3; type:at-rule; text:@media
+spec:mediaqueries-4; type:type; for:@media; text:all
+spec:mediaqueries-4; type:type; text:<media-query>
+spec:css2; type:property; text:display
+spec:css2; type:value; text:red
+</pre>
+
+<pre class=ignored-specs>
+spec:mediaqueries-5
+spec:css-values-4
+spec:css-fonts-4
 </pre>
 
 <h2 id="intro">
@@ -295,9 +307,9 @@ Shorthand Properties</h2>
 	Like other <a>sub-properties</a>, it is reset to its initial value by the shorthand when unspecified,
 	but the shorthand might not include syntax to set the <a>sub-property</a>
 	to any of its other values.
-	For example, the 'border' shorthand resets 'border-image'
+	<span class=ex>For example, the 'border' shorthand resets 'border-image'
 	to its initial value of ''border-image/none'',
-	but has no syntax to set it to anything else. [[css-backgrounds-3]]
+	but has no syntax to set it to anything else. [[css-backgrounds-3]]</span>
 
 	If a <a>shorthand</a> is specified as one of the <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keywords</a> [[!css-values-3]],
 	it sets all of its <a>sub-properties</a> to that keyword,
@@ -581,10 +593,10 @@ Actual Values</h3>
 
 	A <a>used value</a> is in principle ready to be used,
 	but a user agent may not be able to make use of the value in a given environment.
-	For example, a user agent may only be able to render borders with integer pixel widths
+	<span class=ex>For example, a user agent may only be able to render borders with integer pixel widths
 	and may therefore have to approximate the <a lt="used value">used</a> width.
 	Also, the font size of an element may need adjustment based on the availability of fonts
-	or the value of the 'font-size-adjust' property.
+	or the value of the 'font-size-adjust' property.</span>
 	The <dfn export>actual value</dfn> is the used value after any such adjustments have been made.
 
 	Note: By probing the actual values of elements,
@@ -599,7 +611,8 @@ Actual Values</h3>
 <h3 id="stages-examples">
 Examples</h3>
 
-	<table class="data">
+	<table class="data non-normative">
+		<caption>Examples of CSS Value Computation</caption>
 		<thead>
 			<tr>
 				<th>
@@ -959,7 +972,7 @@ Important Declarations: the ''!important'' annotation</h3>
 	(Animated values normally override all other rules.)
 	[[css-animations-1]]
 
-	[=User agent style sheets=] may also contain [=important=] declarations.
+	[=User-agent style sheets=] may also contain [=important=] declarations.
 	These override all [=author origin|author=] and [=user origin|user=] declarations.
 
 	<div class='example'>
@@ -1161,7 +1174,7 @@ Changes Since the 28 August 2018 Candidate Recommendation</h3>
 
 	Non-trivial changes since the <a href="https://www.w3.org/TR/2018/CR-css-cascade-4-20180828/">28 August 2018 Working Draft</a> include:
 
-	<ul>
+	<ul class=non-normative>
 		<li id="change-2018-context">
 			Added <a href="#cascade-context">context</a> to the [=cascade=] sort criteria
 			to accommodate Shadow DOM. [[DOM]]
@@ -1179,7 +1192,7 @@ Changes Since the 14 January 2016 Candidate Recommendation</h3>
 
 	Non-trivial changes since the <a href="https://www.w3.org/TR/2016/CR-css-cascade-4-20160114/">14 January 2016 Working Draft</a> include:
 
-	<ul>
+	<ul class=non-normative>
 		<li id="change-2016-alias">
 			Precisely defined the types of aliasing that CSS uses.
 			(<a href="https://github.com/w3c/csswg-drafts/issues/866">Issue 866</a>)
@@ -1259,7 +1272,7 @@ Changes Since the 21 April 2015 Working Draft</h3>
 
 	Changes since the <a href="https://www.w3.org/TR/2015/WD-css-cascade-4-20150421/">21 April 2015 Working Draft</a> include:
 
-	<ul>
+	<ul class=non-normative>
 		<li>Renamed <css>default</css> keyword to ''revert''.
 		<li>Allowed dropping duplicate parentheses in ''supports()'' syntax when it only contains one declaration.
 	</ul>

css-cascade-5/Overview.bs

@@ -15,10 +15,22 @@ Abstract:
 Abstract: New in this level is <a>cascade layers</a>.
 Ignored Terms: auto, flex items, <supports-condition>
 Include Can I Use Panels: yes
+Informative Classes: ex
 </pre>
 
 <pre class=link-defaults>
-spec:css-values; type:value; text:ex
+spec:css-values-3; type: value; text:ex
+spec:css-conditional-3; type:at-rule; text:@media
+spec:mediaqueries-4; type:type; for:@media; text:all
+spec:mediaqueries-4; type:type; text:<media-query>
+spec:css2; type:property; text:display
+spec:css2; type:value; text:red
+</pre>
+
+<pre class=ignored-specs>
+spec:mediaqueries-5
+spec:css-values-4
+spec:css-fonts-4
 </pre>
 
 <h2 id="intro">
@@ -288,9 +300,9 @@ Shorthand Properties</h2>
 	Like other <a>sub-properties</a>, it is reset to its initial value by the shorthand when unspecified,
 	but the shorthand might not include syntax to set the <a>sub-property</a>
 	to any of its other values.
-	For example, the 'border' shorthand resets 'border-image'
+	<span class=ex>For example, the 'border' shorthand resets 'border-image'
 	to its initial value of ''border-image/none'',
-	but has no syntax to set it to anything else. [[css-backgrounds-3]]
+	but has no syntax to set it to anything else. [[css-backgrounds-3]]</span>
 
 	If a <a>shorthand</a> is specified as one of the <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keywords</a> [[!css-values-3]],
 	it sets all of its <a>sub-properties</a> to that keyword,
@@ -574,10 +586,10 @@ Actual Values</h3>
 
 	A <a>used value</a> is in principle ready to be used,
 	but a user agent may not be able to make use of the value in a given environment.
-	For example, a user agent may only be able to render borders with integer pixel widths
+	<span class=ex>For example, a user agent may only be able to render borders with integer pixel widths
 	and may therefore have to approximate the <a lt="used value">used</a> width.
 	Also, the font size of an element may need adjustment based on the availability of fonts
-	or the value of the 'font-size-adjust' property.
+	or the value of the 'font-size-adjust' property.</span>
 	The <dfn export>actual value</dfn> is the used value after any such adjustments have been made.
 
 	Note: By probing the actual values of elements,
@@ -592,7 +604,8 @@ Actual Values</h3>
 <h3 id="stages-examples">
 Examples</h3>
 
-	<table class="data">
+	<table class="data non-normative">
+		<caption>Examples of CSS Value Computation</caption>
 		<thead>
 			<tr>
 				<th>
@@ -951,7 +964,7 @@ Important Declarations: the ''!important'' annotation</h3>
 	(Animated values normally override all other rules.)
 	[[css-animations-1]]
 
-	[=User agent style sheets=] may also contain [=important=] declarations.
+	[=User-agent style sheets=] may also contain [=important=] declarations.
 	These override all [=author origin|author=] and [=user origin|user=] declarations.
 
 	<div class='example'>