title: Remove comma of the last dd before every dt embeded using :after pseudo element
body: <p>How can I use CSS to add a commas after description (dd) elements, except for the last one before each new description term? For example:</p>
  
  <pre><code>&lt;dl&gt;
      &lt;dt&gt;Term&lt;/dt&gt;
      &lt;dd&gt;Description&lt;/dd&gt;
      &lt;dd&gt;Description&lt;/dd&gt;
      &lt;dd&gt;Description&lt;/dd&gt;      &lt;!-- No comma needed here --&gt;
      &lt;dt&gt;Term&lt;/dt&gt;
      &lt;dd&gt;Description&lt;/dd&gt;
      &lt;dd&gt;Description&lt;/dd&gt;
      &lt;dd&gt;Description&lt;/dd&gt;      &lt;!-- No comma needed here --&gt;
  &lt;/dl&gt;
  </code></pre>
  
  <p><strong>Note:</strong> I'm looking for a solution that's independent from the number of dd elements preceding a dt.</p>
  
  <p>Adding the comma afer each dd is simple:</p>
  
  <pre><code>dd:after
  {
  content:",\00a0";        /* A comma and a space after each description (dd) */
  } 
  </code></pre>
  
  <p>But this adds a comma after each dd that immediately precedes a dt as well. dd:last-child:after is obviously of no use here, unless there's some other CSS selector I'm unaware of.</p>