title: Targeting nested elements with CSS
body: <p>Let's say I have some deeply nested markup that I want to target with CSS.  It could be anything, but for example:</p>
  
  <pre><code>&lt;div&gt;
      &lt;div id='someid'&gt;
          &lt;span class='someclass'&gt;
              &lt;a class='link' href='alink'&gt;Go somewhere&lt;/a&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>Is it acceptable to write a CSS rule targeting the <code>&lt;a&gt;</code> tag directly, like this?</p>
  
  <pre class="lang-css prettyprint-override"><code>a.link { font-size: large; }
  </code></pre>
  
  <p>Or is this considered non-standard that may fail in some browsers?  Do I need to target each element in the chain like this?</p>
  
  <pre class="lang-css prettyprint-override"><code>div div span.someclass a.link { font-size: large; }
  </code></pre>