problemi con il colore di link in contenitori annidati

[marruz]

allora... abbiamo un css con le nostre belle regole

1.
i link standard

A:link, A:visited, A:active {COLOR: #333; TEXT-DECORATION: underline}
A:hover {COLOR: #000; TEXT-DECORATION: none}

2.
i link per l'area con id "contenitore":

#contenitore A:link, #contenitore A:visited, #contenitore A:active {COLOR: #e67708; TEXT-DECORATION: underline}
#contenitore A:hover {COLOR: #e67708; TEXT-DECORATION: none}

3.
all'interno di #contenitore ho le seguenti situazioni...

3.a
.classeuno {COLOR: #2499cf;font-weight:bold;font-size:0.8em;FONT-FAMILY: Arial, Verdana, sans-serif;}
.classeuno A:link, .classeuno A:visited, .classeuno A:active {COLOR: #2499cf; TEXT-DECORATION: underline}
.classeuno A:hover {COLOR: #2499cf; TEXT-DECORATION: none}

3.b
.classedue {DISPLAY: block; FONT-SIZE: 0.85em; TEXT-ALIGN: left; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #333;}
.classedue A:link, .classedue A:visited, .classedue A:active {COLOR: #333; TEXT-DECORATION: underline;}
.classedue A:hover {COLOR: #000; TEXT-DECORATION: none;}



solo che la prima, la classeuno, funziona, assegna al link la proprietà desiderata e vedo il link col colore desiderato

la seconda, classe due, non funziona e il colore dei link rimane quello indicato dalle dichiarazioni riportate al punto due.


qualcuno sa perché accade questo?

[jesus]

Originariamente inviato da marruz
allora... abbiamo un css con le nostre belle regole

1.
i link standard

A:link, A:visited, A:active {COLOR: #333; TEXT-DECORATION: underline}
A:hover {COLOR: #000; TEXT-DECORATION: none}

2.
i link per l'area con id "contenitore":

#contenitore A:link, #contenitore A:visited, #contenitore A:active {COLOR: #e67708; TEXT-DECORATION: underline}
#contenitore A:hover {COLOR: #e67708; TEXT-DECORATION: none}

3.
all'interno di #contenitore ho le seguenti situazioni...

3.a
.classeuno {COLOR: #2499cf;font-weight:bold;font-size:0.8em;FONT-FAMILY: Arial, Verdana, sans-serif;}
.classeuno A:link, .classeuno A:visited, .classeuno A:active {COLOR: #2499cf; TEXT-DECORATION: underline}
.classeuno A:hover {COLOR: #2499cf; TEXT-DECORATION: none}

3.b
.classedue {DISPLAY: block; FONT-SIZE: 0.85em; TEXT-ALIGN: left; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #333;}
.classedue A:link, .classedue A:visited, .classedue A:active {COLOR: #333; TEXT-DECORATION: underline;}
.classedue A:hover {COLOR: #000; TEXT-DECORATION: none;}



solo che la prima, la classeuno, funziona, assegna al link la proprietà desiderata e vedo il link col colore desiderato

la seconda, classe due, non funziona e il colore dei link rimane quello indicato dalle dichiarazioni riportate al punto due.


qualcuno sa perché accade questo?

Se classeuno e classedue sono associate al tag a devi mettere così:

A.classeuno:link, A.classeuno:visited, A.classeuno:active {COLOR: #2499cf; TEXT-DECORATION: underline}
A.classeuno:hover {COLOR: #2499cf; TEXT-DECORATION: none}

A.classedue:link, A.classedue:visited, A.classedue:active {COLOR: #333; TEXT-DECORATION: underline;}
A.classedue:hover {COLOR: #000; TEXT-DECORATION: none;}

Ciao.

[marruz]

Originariamente inviato da jesus
Se classeuno e classedue sono associate al tag a devi mettere così:

A.classeuno:link, A.classeuno:visited, A.classeuno:active {COLOR: #2499cf; TEXT-DECORATION: underline}
A.classeuno:hover {COLOR: #2499cf; TEXT-DECORATION: none}

A.classedue:link, A.classedue:visited, A.classedue:active {COLOR: #333; TEXT-DECORATION: underline;}
A.classedue:hover {COLOR: #000; TEXT-DECORATION: none;}

Ciao.

non nascondo che ricevere una risposta da jesus m'ha fatto una certa impressione


ho capito cosa intendi ma... no, non associo le classi al tag "a" ma al contenitore in cui si trovano i link.
tant'è che, stranamente, classeuno funzia e classedue no

[jesus]

Originariamente inviato da marruz
non nascondo che ricevere una risposta da jesus m'ha fatto una certa impressione


ho capito cosa intendi ma... no, non associo le classi al tag "a" ma al contenitore in cui si trovano i link.
tant'è che, stranamente, classeuno funzia e classedue no

a questo punto chiedo l'invio del tuo codice html per capire meglio il problema.

[jesus]

Originariamente inviato da marruz
non nascondo che ricevere una risposta da jesus m'ha fatto una certa impressione


ho capito cosa intendi ma... no, non associo le classi al tag "a" ma al contenitore in cui si trovano i link.
tant'è che, stranamente, classeuno funzia e classedue no

Aspetta forse ho trovato prova ad aggiungere anche la A da sola, in questo modo:

.classeuno {COLOR: #2499cf;font-weight:bold;font-size:0.8em;FONT-FAMILY: Arial, Verdana, sans-serif;}
.classeuno A, .classeuno A:link, .classeuno A:visited, .classeuno A:active {COLOR: #2499cf; TEXT-DECORATION: underline}
.classeuno A:hover {COLOR: #2499cf; TEXT-DECORATION: none}

.classedue {DISPLAY: block; FONT-SIZE: 0.85em; TEXT-ALIGN: left; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #333;}
.classedue A, .classedue A:link, .classedue A:visited, .classedue A:active {COLOR: #333; TEXT-DECORATION: underline;}
.classedue A:hover {COLOR: #000; TEXT-DECORATION: none;}