title: CSS apply border to <li> if it has an <a> tag inside
body: <p>I have something like this:</p>
  
  <pre><code>&lt;li&gt; 
      &lt;a href="http://google.pt"&gt;google&lt;/a&gt;
  &lt;/li&gt;
  &lt;li&gt;
      &lt;h3&gt;Hello World&lt;/h3 
  &lt;/li&gt;
  </code></pre>
  
  <p>and I'd like to apply a border to all <code>&lt;li&gt;</code> that have an <code>&lt;a&gt;</code> inside. But I can't use an <code>id</code> because this code needs to work for any page and I can't control the ids. Is this possible via CSS?</p>
  
  <p>edit:
  ok lets give some context. i am making a firefox plugin that would change the mouse when you move over a link. the problem is that on some pages like google if i add the css to the <code>&lt;a&gt;</code> tag it wont work on some of the links</p>