title: How to select nth line of text (CSS/JS)
body: <p>How to select and apply style on a specific line of text? 
  Like the <a href="http://www.w3schools.com/Css/pr_pseudo_first-line.asp" rel="noreferrer">CSS pseudo-element :first-line</a>, but I want to select any line, not limited to the first.</p>
  
  <p>It seems that it can't be done by using only CSS... Anyway I don't mind a JS solution.</p>
  
  <hr>
  
  <p>Update:</p>
  
  <p>Well, actually it's only for interest. I'm trying to achieve something like highlighting every even row of a paragraph (for readability, like what everyone does for table rows)...</p>
  
  <p>Pre-formating the text like:</p>
  
  <pre><code>&lt;p&gt;
  &lt;span class='line1'&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do &lt;/span&gt;
  &lt;span class='line2'&gt;eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad &lt;/span&gt;
  &lt;span class='line3'&gt;minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip &lt;/span&gt;
  &lt;span class='line4'&gt;ex ea commodo consequat. Duis aute irure dolor in reprehenderit in &lt;/span&gt;
  &lt;span class='line5'&gt;voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur &lt;/span&gt;
  &lt;span class='line6'&gt;sint occaecat cupidatat non proident, sunt in culpa qui officia &lt;/span&gt;
  &lt;span class='line7'&gt;deserunt mollit anim id est laborum.&lt;/span&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>...it is ok for me, but how to know where to split? Even if the width of paragraph is given, it is still hard to determine...</p>