fatemi capire bene "i percorsi" e le dipendenze

[darkiko]

buongiorno signori

se ho un css così:

#cn .box ul li a, a:visited{
text-decoration:none;
font-weight:bold;
...
}

le caratteristiche che imposto, valgono SOLO per i tag "a" contenuti in un elenco[*] contenuto dentro un oggetto con classe "box" contenuto in un altro oggetto con ID "cn", giusto?

altri "a" che non rispettano quel percorso, non ne dovrebbero essere influenzati, vero?

ve lo chiedo perché con quel codice, anche gli "a" che nelle mie pagine sono dentro

<div id="cn_dx">
//quindi non dentro #cn
<div class="box">
//ok, questo corrisponde
//ma fuori da ogni elenco
<a href....>

me li trovo in grassetto senza sottolineatura...

quindi ora vi chiedo, qual è il metodo corretto valido cross-browser per indicare un "percorso" preciso?

grazie ne'

(:

[pierofix]

I 'percorsi' si definiscono tramite i cosiddetti selettori CSS:

- www.w3.org/TR/CSS21/selector.html

Guarda se ti è chiaro oppure posta tutte le domande che ti balzano in mente.

[darkiko]

Originariamente inviato da pierofix
I 'percorsi' si definiscono tramite i cosiddetti selettori CSS:

- www.w3.org/TR/CSS21/selector.html

Guarda se ti è chiaro oppure posta tutte le domande che ti balzano in mente.

grazie Piero

e infatti sono subito qua

li' dice ad esempio:

E Matches any E element (i.e., an element of type E)
E F Matches any F element that is a descendant of an E element.

quindi in teoria il modo con cui gestisco il mio css non è sbagliato, ma allora perché diavolo mi capita quella cosa che ho spiegato sopra? :master:

[pierofix]

Analizziamo un attimo il tuo selettore:

#cn .box ul li a, a:visited

Hai usato la virgola, quindi le proprietà definite si applicano a:

1. #cn .box ul li a
   
2. a:visited

Non è che tu, per caso, con l'elemento b) volevi indicare lo stato visited dei link che corrispondono al percorso a)? Nel qual caso devi rispecificare l'interno percorso:

#cn .box ul li a,
#cn .box ul li a:visited

Ho colto?

[darkiko]

direi di si

capito, grazie (:


posso approfittare per togliermi anche un'altra curiosità da autodidatta che non c'entra una fava?

ma quando trovo ad esempio:
margin:2px 0;
è come scrivere
margin:2px 0 2px 0;
o
margin:2px 0 0 0;
?


grazie

[pierofix]

Dunque, innanzitutto specifichiamo che l'ordine dei quattro valori non è casuale. Si riferisce al senso orario con cui si può 'circumnavigare' un elemento:

• sopra
• destra
• sotto
• sinistra

Ora, quando si utilizza una coppia invece di una quaterna (tombola! :rollo: ) si specifica che i segmenti speculari (sopra-sotto, destra-sinitra) hanno la stessa dimensione.

Ecco che se scrivi, ad esempio:

margin:2px 0;

ottieni l'abbreviazione di

margin:2px 0 2px 0;

[darkiko]

Originariamente inviato da pierofix
Ecco che se scrivi, ad esempio:

margin:2px 0;

ottieni l'abbreviazione di

margin:2px 0 2px 0;

danke (:

[andrea.paiola]

studia i selettori, la specificità dei selettori e l'ordine dei selettori e sei a cavallo

[pierofix]