title: How do I apply a style to all children of an element
body: <p>I have an element with <code>class='myTestClass'</code>. How do I apply a css style to all children of this elements? I only want to apply the style to the elements children. Not its grand children.</p>
  
  <p>I could use</p>
  
  <pre><code>.myTestClass &gt; div {
    margin: 0 20px;
  }
  </code></pre>
  
  <p>which work for all <code>div</code> children, but I would like a solution which works for all children. I thought I could use <code>*</code>, but</p>
  
  <pre><code>.myTestClass &gt; * {
    margin: 0 20px;
  } 
  </code></pre>
  
  <p>does not work. </p>
  
  <p>Edit</p>
  
  <p>The <code>.myTestClass &gt; *</code> selector does not apply the rule in firefox 26, and there is no other rule for margin according to firebug. And it works if I replace <code>*</code> with <code>div</code>. </p>