Background dei <li> di un menu <ul> tramite una classe

[Fix87]

Salve a tutti,
sto creando un progetto per un esame universitario e dovrei creare una classe .paginaCorrente che abbia al suo interno un background. Questa classe poi deve essere applicata al[*] della pagina su cui sono posizionato. Mi spiego meglio
Se ad esempio sono sulla Home Page allora questa classe deve essere applicata soltanto al[*] che rappresenta la Home Page. Ho scritto il seguente codice ma non mi prende la classe sul[*]

HTML
<li class="paginaCorrente">Home Page[*]Servizi
...

CSS
.paginaCorrente{background-color:#000;}

Sui li le classi non funzionano?

[Prill]

probabilmente c'è interferenza di qualche altra impostazione, altrimenti dovrebbe funzionare (verifica di non avere impostato nel css le caratteristiche delle voci elenco dopo la tua classe: ciò che è dopo sovrascrive ciò che è prima e pure le impostazione dei link)

[Fix87]

Ho trovato il problema.
Nel foglio di stile ho già il background impostato per le etichette dei menu, soltanto che anche spostando la classe al di sotto delle dichiarazioni cmq non me la vede. L'unica soluzione è usare lo style in linea nel codice html, ma mi scoccia perchè se poi volessi cambiare il colore dovrei farlo pagina per pagina.

Cmq questo è il codice CSS

#menu li{float:left;  background-color:rgba(0,0,0,0.2); margin-left:30px; width:100px; text-align:center; border-radius:1em;}

#menu li:hover{cursor:pointer; background-color:rgba(0,0,0,0.4);}

.paginaCorrente{background-color:#999;}

E questo l'HTML

<li class="paginaCorrente">Home Page[*]Tour virtuale[*]Prenotazioni[*]Guestbook[*]Contatti

Se tolgo il backgrond dal #menu li allora mi vede la classe altrimenti se lo lascio la classe non la vede, non la vedo una cosa normale comunque!

[Prill]

inseriscilo come

#menu li.paginaCorrente

dopo #menu li

[Fix87]

Cavoli funziona!!!! Grazie mille

Come mai se invece lo inserivo soltanto come classe e gli davo il nome della classe nel codice HTML non me la vedeva mentre così si?

[Prill]

perché stai precisando che tutte le voci elenco figlie di un elemento #menu debbano avere una certa formattazione e quella prevale sulla classe che non è impostata alla stessa maniera. Utilizzando un selettore discendente anche in quel caso non c'è più possibilità di equivoco

[Fix87]

Quindi quando devo applicare una classe legata ad un evento o alle voci figlie di uno o più elementi conviene creare una classe discendente (come nel mio caso per esempio il fatto che il bottone del menu relativo alla pagina in cui sono al momento assume un colore diverso rispetto al resto dei bottoni dei menu) conviene fare come mi hai detto tu e non creando una classe generica e applicandola al tag a cui mi serve!

Quindi la classe "generica" (indico con generica come l'avevo scvritta io e cioè .miaClasse) non prevale su tutte le formattazioni che si fanno?
Mentre una classe scritta in questo modo #elemento.miaClasse prevale su tutti gli id elemento?

Beh mi sa che devo studiare un po' meglio le priorità dei CSS!

[ac_socmel]

capire e calcolare la "cascata" e la priorità è molto importante quando si usano i CSS
leggi bene gli esempi di questa lezione:
http://www.w3.org/wiki/CSS/Training/...el_of_selector
la raccomandazione completa del W3C la trovi qui:
http://www.w3.org/TR/selectors/
e se poi vuoi dare uno sguardo ad un futuro ancora incerto, eccoti la bozza di discussione fresca fresca:
http://dev.w3.org/csswg/selectors4/

lo so che spesso sono teatrale, ma non posso farci niente

[Fix87]

Grazie mille per la segnalazione delle pagine