title: CSS child selector depth
body: <p>I have the following HTML code :</p>
  
  <pre><code>&lt;div class="class1"&gt;
     &lt;input type="text"&gt;
     &lt;input type="text"&gt;
     &lt;div class="class2"&gt;
         &lt;input type="text"&gt;
         &lt;input type="text"&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want all the input fields to have a margin-left : 10px;</p>
  
  <p>I know I can do the following :</p>
  
  <pre><code>.class1 &gt; input {margin-left:10px}
  .class1 &gt; .class2 &gt; input {margin-left:10px}
  </code></pre>
  
  <p>But I was wondering if I could do this with one line of CSS</p>
  
  <pre><code>.class1 &gt;&gt;&gt; input {margin-left:10px}
  //&gt;&gt;&gt; meaning "has .class1 in his familly tree"
  </code></pre>