title: Selecting an element that has a specific child?
body: <p>If I wanted to do a CSS selector on a list like this:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and I wanted to do a <code>li:hover</code> effect on only the <code>li</code>s that contain an <code>&lt;a&gt;</code> tag, is there a way to specify that in CSS? <code>if li:hover contains &lt;a&gt; then li:hover effect = X?</code></p>