title: Match HTML Table Data text using CSS
body: <p>I am trying to highlight some text in a table that isn't always present.</p>
  <p>Grabbing the selector in chrome looks like this.</p>
  <pre><code>#post-325351 &gt; td.media.column-media &gt; strong:nth-child(15)
  </code></pre>
  <p>Here is the Element</p>
  <pre><code>&lt;strong&gt;Comments: &lt;/strong&gt;
  </code></pre>
  <p>So whenever the <code>Comments:</code>  element is present, I'd like to highlight the word <strong>Comments:</strong> using my Stylus extension.</p>
  <p>So I've tried using the nth-child selector, but that appears to change depending on the data presented, so I can't use that. The only thing I can think of is to match the <code>Comments:</code> text somehow, but can't figure out if it's possible with pure CSS.</p>
  <p>Can this be done?</p>
  <p>This screenshot shows that different elements can be present or absent.
  <a href="https://imgur.com/WibZpRw.png" rel="nofollow noreferrer">https://imgur.com/WibZpRw.png</a></p>