classe dentro classe

[gasmor]

ciao a tutti

ho questo codice:

<div class="Rposts">
mio link
</div>

.Rposts .lin{color:#f00}
.Rposts A.lin:hover{ font-weight:bold}

in pratica la proprietà hover del link mi funziona, mentre quando non ci sono sopra con il mouse non mi prende il colore #f00

perchè? :master:

[Mich_]

Intanto attenzione alla sintassi: nei CSS i tag maiuscoli non esistono (sono riconosciuti solo in alcuni browser).

Nel tuo caso io farei:

.Rposts a {
  color: #f00;
}
.Rposts a:hover {
  font-weight: bold;
}

Pero` non so se ci sono link diversi dentro il .Rposts; in tal caso occorre fare:

.Rposts .lin {
  color: #f00;
}
.Rposts .lin:hover {
  font-weight: bold;
}

oppure:

.Rposts a.lin {
  color: #f00;
}
.Rposts a.lin:hover {
  font-weight: bold;
}