[css-ruby] Try to improve parens generation

Author: fantasai

css-ruby/Overview.html

@@ -1364,24 +1364,25 @@ <h3 class=no-num id=default-parens> Generating Parentheses</h3>
     <p>Unfortunately, because Selectors cannot match against text nodes, it's
      not possible with CSS to express rules that will automatically and
      correctly add parentheses to unparenthesized ruby annotations in HTML.
-     However, an author rigorously using <code>&lt;rtc&gt;</code> elements
-     around all annotations can use CSS Level 2 generated content <a
-     href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> to generate
-     parentheses:
+     (This is because HTML ruby allows implying the <a
+     href="#ruby-base"><i>ruby base</i></a> from raw text, without a
+     corresponding element.) However, these rules will handle cases where
+     either <code>&lt;rb&gt;</code> or <code>&lt;rtc&gt;</code> is used
+     rigorously.
 
     <pre>
+<!--	-->/* Parens around &lt;rtc> */
 <!--	-->rtc::before { content: "("; }
-<!--	-->rtc::after { content: ")"; }</pre>
+<!--	-->rtc::after  { content: ")"; }
 
-    <p>Alternatively, an author rigorously using both <code>&lt;rb&gt;</code>
-     and <code>&lt;rt&gt;</code> elements but no <code>&lt;rtc&gt;</code>
-     elements can use these rules instead:
+<!--	-->/* Parens before first &lt;rt> not inside &lt;rtc> */
+<!--	-->rb  + rt::before,
+<!--	-->rtc + rt::before { content: "("; }
 
-    <pre>
-<!--	-->rb + rt::before { content: "("; }
-<!--	-->rt:last-child::after, rt + rb::before { content: ")"; }</pre>
-
-    <p class=Issue>Try to make these smarter somehow?
+<!--	-->/* Parens after &lt;rt> not inside &lt;rtc> */
+<!--	-->rb ~ rt:last-child::after,
+<!--	-->rt + rb::before  { content: ")"; }
+<!--	-->rt + rtc::before { content: ")("; }</pre>
 
     <h2 id=glossary><span class=secno>4. </span> Glossary</h2>
 

css-ruby/Overview.src.html

@@ -1009,21 +1009,23 @@ <h3 id="default-parens" class="no-num">
 	<p>Unfortunately, because Selectors cannot match against text nodes,
 	it's not possible with CSS to express rules that will automatically and correctly
 	add parentheses to unparenthesized ruby annotations in HTML.
-	However, an author rigorously using <code>&lt;rtc&gt;</code> elements
-	around all annotations
-	can use CSS Level 2 generated content [[!CSS21]] to generate parentheses:
+	(This is because HTML ruby allows implying the <i>ruby base</i> from raw text, without a corresponding element.)
+	However, these rules will handle cases where either <code>&lt;rb&gt;</code>
+	or <code>&lt;rtc&gt;</code> is used rigorously.
+
 	<pre>
+<!--	-->/* Parens around &lt;rtc> */
 <!--	-->rtc::before { content: "("; }
-<!--	-->rtc::after { content: ")"; }</pre>
+<!--	-->rtc::after  { content: ")"; }
 
-	<p>Alternatively, an author rigorously using
-	both <code>&lt;rb&gt;</code> and <code>&lt;rt&gt;</code> elements but no <code>&lt;rtc&gt;</code> elements
-	can use these rules instead:
-	<pre>
-<!--	-->rb + rt::before { content: "("; }
-<!--	-->rt:last-child::after, rt + rb::before { content: ")"; }</pre>
+<!--	-->/* Parens before first &lt;rt> not inside &lt;rtc> */
+<!--	-->rb  + rt::before,
+<!--	-->rtc + rt::before { content: "("; }
 
-  <p class="Issue">Try to make these smarter somehow?</p>
+<!--	-->/* Parens after &lt;rt> not inside &lt;rtc> */
+<!--	-->rb ~ rt:last-child::after,
+<!--	-->rt + rb::before  { content: ")"; }
+<!--	-->rt + rtc::before { content: ")("; }</pre>
 
 <h2 id="glossary">
 Glossary</h2>