[CSS] Più tipi di link

[cli]

Ciao ses su un css setti il tag a con un font e un colore come faccio a fare un tipo di link diverso????

Ad esempio nel CSS ho:

a {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
per cui tutti i link sono: verdana 10px nero

se volessi dei link: arial 12px rosso bold come devo fare????

[Steph]

ciao

gli metti un class:
<a class="nome_class">

nel foglio di stile:

a {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
.nome_class {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
}

[mexican]

con un nome diversoe l'applichi al link.
io infatti per evitarequesta cosa non uso mai la classe a
ma preferisco dargli sempre un nome che dichiaro io proprio per evitare che poi tutti i link mi prendono sempre la stessa classe.
chiaro?

.pippo{
font : 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}

[cli]

A ho capito grazie tante

[cli]

No raga non ci siamo forse non ho capitoil mio CSS è cosi:

a {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
a:active, a:link, a:visited {
font : 10px Verdana;
color: #000000;
text-decoration: none;
}

a:hover {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color: #990000;
text-decoration: underline;
}
Voglio inserire un codice diverso per link diversi e ho fatto una classe in piu:

.linkrosso {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #990000;
text-decoration: none;
}

pero il link non mi resta cosi poi si prende le proprieta del link già visto come devo fareeeeee! AIUTO

[Steph]

Originariamente inviato da cli
No raga non ci siamo forse non ho capitoil mio CSS è cosi:

a {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
a:active, a:link, a:visited {
font : 10px Verdana;
color: #000000;
text-decoration: none;
}

a:hover {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color: #990000;
text-decoration: underline;
}
Voglio inserire un codice diverso per link diversi e ho fatto una classe in piu:

.linkrosso {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #990000;
text-decoration: none;
}

pero il link non mi resta cosi poi si prende le proprieta del link già visto come devo fareeeeee! AIUTO

beh devi sovrascrivere anche il visited e tutti gli altri che ti interesseena aggiungendo:

.linkrosso:visited { qualche stile }

[Jerry Masslo]

a.AltroTipo {..}
a.AltroTipo:visited {..}

se vuoi richiamarlo link per link con

<a class="AltroTipo"

invece:

.AltroTipo a {...}

.AltroTipo a:visited {...}

se vuoi che ogni link denttro un elemento di classe AltroTipo prenda quello stile