Salve a tutti,
ho una serie di elementi (div) all'interno di un div più grande. Devo assegnare gli stili a solo uno di questi (secondo criteri stabiliti da js che non c'entrano con il mio problema).


codice HTML:
<div class='parent'>
      <div>Testo1</div>
      <div>Testo2</div>
      <div>Testo3</div>
</div>
Tramite JS assegno la classe a uno dei div interni che mi dovrebbe venire colorato.
Sempre tramite JS a volte la tolgo e deve tornare del colore di default.

In CSS ho le seguenti regole:

codice HTML:
.parent div{
color:white;
background-color:black
}
.selectedDiv{
color:black
background-color:red;
font-weight:bold;
}
Tuttavia quando uso una regola del tipo .classe ELEMENTO non riesco più ad assegnare stili in cascata.
Sbaglio qualcosa o il comportamento è normale?
E in questo caso, come posso ovviare al problema senza definire una classe di default da sostituire a selectedDiv in modo dinamico (ovviamente se ciò è possibile)?

Grazie a chi mi risponderà.