priorità stili css

[BAK_BS]

Ciao ho una pagina con 2 tipi differenti di link, ho creato uno stile:

.link
a:link {
color: #666666;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
a:visited {
color: #666666;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
a:hover {
color: cccccc;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

questo mi dovrebbe servire per i testi di 12 px

sempre nel foglio di stile sotto quello scritto sopra ho messo:

.linkmini
a:link {
color: #666666;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}
a:visited {
color: #666666;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}
a:hover {
color: cccccc;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}

perke' mi serve che ci siano dei link di dimensioni 10 px

ma nella mia pagina considera solo quest'ultimo stile.
Cosa sbaglio?
Grazie

[var]

Originariamente inviato da BAK_BS
perke' mi serve che ci siano dei link di dimensioni 10 px

prova creando una classe:

.myclass {
font-size:10px;
}

da applicare ai link che vuoi, così:

Link

ciao

[BAK_BS]

ma poi mi funziona lo stesso il cambio di colore al rollover?
non e' ke riuscireste a scrivermi il codice completo?
Grazie in anticipo

[*pragma]

Originariamente inviato da BAK_BS
Ciao ho una pagina con 2 tipi differenti di link, ho creato uno stile:

......
}
a:hover {
color: # cccccc;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

questo mi dovrebbe servire per i testi di 12 px

sempre nel foglio di stile sotto quello scritto sopra ho messo:

....
a:hover {
color: #cccccc;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}

.....
Cosa sbaglio?
Grazie

Correggi ciò che ho evidenziato in rosso
ciao

[*pragma]

scusa ma c'è anche dell'altro:

la classe per i link è:
a.linkmini:link {
......
....
}

a.linkmini:visited
{
.....;
.....;
}
a.linkmini:active
{
........;
}
a.linkmini:hover
{
.....;
}

[Shores]

Meglio ancora, se tutti i link che devono essere più piccoli sono contenuti in uno stesso tag, puoi dare una classe a quel tag e poi scrivere:

<div class="contenitoremini">
Link
Link
Link
</div>

.contenitoremini a:hover {...eccetera}
.contenitoremini a:visited {...eccetera}
.contenitoremini a:active {...eccetera}

così appesantisci meno l'html, e se aggiungi un link in quella div non ti devi ricordare di dare a lui la classe...

[BAK_BS]

Grazie mille!!

[LoSmercio]

ho provato in tutti i modi che avete scritto ma non funziona nessuno ! (almeno a me)

Questo è il mio css:
a:link {
color: white;
text-decoration: none;
}

a:visited {
color: white;
text-decoration: none;
}

a:hover {
color: rgb(9, 9, 9);
width: 100%;
background-color: white;
}

.selezionato {
color: rgb(9, 9, 9);
background-color: rgb(141, 14, 20);
width: 100%;
margin-left: 0px;
}

.puro A:LINK {text-decoration: none;}
.puro A:VISITED {text-decoration: none;}
.puro A:HOVER {text-decoration: none;}

E questo è come viene richiamata la classe nella pagina:



<div class="puro">[img]../img/pic/04.jpg[/img]</div></p>

la classe "puro" è come se non esistesse...
come è possibile ?

[LoSmercio]

:quipy:

ok ho capito l'errore...

praticamente sbagliavo nel non dare una classe ai link...
quindi gli stili diversi si accavallavano.

ciao ciao