title: CSS selector to target the last of br-tags that appear in pairs within a p-tag?
body: <p>I would like to normalize the spacing between line-breaks and paragraphs in some text.</p>
  
  <p>To do this I wish to collapse all line-breaks so that they yield no height in themselves, and then add margin-bottom to the last of two consecutive <code>&lt;br&gt;</code> tags. </p>
  
  <p>Is there a css-selector that let's me select the last of <code>&lt;br&gt;</code> tags that appear in pairs within a <code>&lt;p&gt;</code>?</p>
  
  <pre><code>&lt;p&gt;
     Some text&lt;br /&gt;
     Some more text&lt;br /&gt;&lt;br /&gt; &lt;!-- I wan't to target the last of these --&gt;
     Even more text&lt;br /&gt; &lt;!-- Not this one --&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>I tried the following selectors, but no dice. It seems the + selector ignores the text and becomes to greedy.</p>
  
  <pre><code>p br {
      line-height: 0;
      height:0;
      margin:0;
      padding:0;
      content: " ";
      display: block;
  }
  
  p br + br {
      margin-bottom: 1em;
  }
  </code></pre>
  
  <p>An example: <a href="http://jsfiddle.net/jqcyc/" rel="nofollow">http://jsfiddle.net/jqcyc/</a></p>
  
  <p>Is this at all possible with the given markup, preferably without any javascript?</p>