title: Implicit css style of parent when grandparent parent child pattern is known
body: <p>I have this situation in html and css:</p>
  
  <p>css</p>
  
  <pre><code>.heading-border{ border-bottom:2px groove; }
  </code></pre>
  
  <p>html (edited for brevity)</p>
  
  <pre><code> &lt;tr class="heading-border"&gt;
    &lt;th&gt;Some Label&lt;/th&gt;
  </code></pre>
  
  <p>Is there some way to target the <code>&lt;tr&gt;</code> here from css, <strong>not javascript</strong>, without having to explicitly define the class (in other words assign this style to any <code>&lt;tr&gt;</code> which contains a <code>&lt;th&gt;</code>? The reason is that this situation exists in many places and I would prefer not to have to mark a class in every place.</p>