要素のすべての子にスタイルを適用するにはどうすればよいですか

の要素がありclass='myTestClass'ます。この要素のすべての子にcssスタイルを適用するにはどうすればよいですか？子の要素にのみスタイルを適用したいと思います。その孫ではありません。

使用できます

.myTestClass > div {
  margin: 0 20px;
}

これはすべてのdiv子供に有効ですが、すべての子供に有効なソリューションが必要です。使えると思ったのです*が

.myTestClass > * {
  margin: 0 20px;
} 

動作しません。

編集

.myTestClass > *セレクタは、Firefox 26にルールを適用しない、及び放火犯に係るマージンのために他のルールが存在しません。そして、に置き換える*と機能しdivます。

David Thomasがコメントしたように、これらの子要素の子孫は、（おそらく）それらの子要素に割り当てられたスタイルのほとんどを継承します。

.myTestClass要素内をラップし、.wrapper * 子孫セレクターを追加してスタイルを子孫に適用する必要があります。次に、.myTestClass > * 子セレクターを追加して、孫ではなく要素の子にスタイルを適用します。たとえば、次のようになります。

JSFiddle-デモ

.wrapper * {
    color: blue;
    margin: 0 100px; /* Only for demo */
}
.myTestClass > * {
    color:red;
    margin: 0 20px;
}

<div class="wrapper">
    <div class="myTestClass">Text 0
        <div>Text 1</div>
        <span>Text 1</span>
        <div>Text 1
            <p>Text 2</p>
            <div>Text 2</div>
        </div>
        <p>Text 1</p>
    </div>
    <div>Text 0</div>
</div>

*セレクターの代わりに、セレクターでを使用し:not(selector)て、>間違いなく子にならないものを設定できます。

編集：私はそれがより速いだろうと思ったが、それは私が間違っていたことが判明した。無視。

例：

.container > :not(marquee){
        color:red;
    }


<div class="container">
    <p></p>
    <span></span>
<div>