title: CSS change style if nested element
body: <p>Is there a way in CSS to adjust the style of a parent element, if a nested element exists?</p>
  
  <p>For example, let's say we have a button with padding on the right and left of 10px.  </p>
  
  <pre><code>&lt;button&gt;Submit&lt;/button&gt;
  </code></pre>
  
  <p>Now, let's say we add an icon to this:</p>
  
  <pre><code>&lt;button&gt;&lt;i class="icon"&gt;&lt;/i&gt; Submit&lt;/button&gt;
  </code></pre>
  
  <p>Due to the icon, the spacing on the left of the button is too wide.  Is there a way without adding an additional class to the button, to say if it contains <code>&lt;i&gt;</code>, make the padding less on the left?</p>
  
  <p>Thanks!</p>