Come applico uno stile a tutti i figli di un elemento

Ho un elemento con class='myTestClass'. Come applico uno stile CSS a tutti i figli di questi elementi? Voglio solo applicare lo stile agli elementi bambini. Non i suoi nipoti.

Potrei usare

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

che funziona per tutti i divbambini, ma vorrei una soluzione che funzioni per tutti i bambini. Pensavo di poterlo usare *, ma

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

non funziona.

modificare

Il .myTestClass > *selettore non applica la regola in firefox 26 e non ci sono altre regole per il margine secondo firebug. E funziona se sostituisco *con div.

Come commentato da David Thomas , i discendenti di quegli elementi figli erediteranno (probabilmente) la maggior parte degli stili assegnati a quegli elementi figli.

Devi avvolgere il tuo .myTestClassinterno in un elemento e applicare gli stili ai discendenti aggiungendo il .wrapper * selettore discendente . Quindi, aggiungi .myTestClass > * il selettore figlio per applicare lo stile agli elementi figli, non ai suoi nipoti. Ad esempio in questo modo:

JSFiddle - DEMO

.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>

Invece del *selettore puoi usare :not(selector)con il >selettore e impostare qualcosa che sicuramente non sarà un bambino.

Modifica: pensavo che sarebbe stato più veloce ma si è scoperto che mi sbagliavo. Ignorare.

Esempio:

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


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