title: CSS Selector for first-child after a page break
body: <p>How can I style the first-child <em>AFTER</em> a page break has occurred?</p>
  
  <p>The ultimate situation I'm facing is that I would like to style the first row of a table differently, and when printing the table spans multiple pages. I successfully used :first-child to style the first row. I also successfully avoided page breaks inside rows. I can not figure out how to style the first row on the second page of the table, though.</p>
  
  <p>I'm familiar with the css pseudo class first-child (<a href="http://www.w3schools.com/cssref/sel_firstchild.asp" rel="nofollow">http://www.w3schools.com/cssref/sel_firstchild.asp</a>), and I'm also familiar with the css print property page-break-inside (<a href="http://www.w3schools.com/cssref/pr_print_pagebi.asp" rel="nofollow">http://www.w3schools.com/cssref/pr_print_pagebi.asp</a>). I'm unable to get them to play nicely together?</p>
  
  <p>EDIT:
  Adding code sample</p>
  
  <pre><code>HTML:
  &lt;table&gt;
  &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  
  CSS:
  table tr:first-child td { border-top: solid red 2px; }
  table tr { page-break-inside: avoid }
  </code></pre>