Miten saan kaksi erilaista linkkityyliä

Miten saisin tehtyä CSS-tyylin, jolla saisi tietynlaiset linkit erilaisella ja eri kokoisella fontilla kuin llinkin perustyyli a:link on? Nyt kaikilla linkeillä on tuo sama tyyli ja kun kokeilin tehdä toisen linkin erilaisella ja eri nimisellä -tyylillä, fontti muuttui samanlaiseksi kuin a:link -tyyli on siinä vaiheessa, kun linkitin siihen toisen sivun.
Ilmoita


älä linkitä sivua vaan juuri se linkki joka pitäisi olla erilainen.

eli ilman sulkeisia:

a href="linkki.jonnekin" class="TÄHÄN SIINÄ CSS SIVULLA OLEVAN TOISEN LINKIN TYYLI" tekstiä /a

älä tee uutta css sivua vaan siihen samaan sivuun uusi tyyli toiselle linkille...
Ilmoita
body { background: #fff; color; #000; font-family: sans-serif; font-size: 20px; }
a:link { color: blue; text-decoration: none; }
a.toka:link { color: red; text-decoration: none; }
a:hover { text-decoration: underline; }
div#kolmas a:link { color: orange; text-decoration: none; }
div#kolmas a:hover { font-weight: bold; }

Tässä peruslinkki ja tässä toka linkki.
Tässä kolmas vaihtoehto.
Ilmoita
Jos nyt vaikka kertoisit, mitä oikeasti yritit. URL on poikaa - myös siksi, että Suoli24 haluaa rikkoa HTML-koodin.
Ilmoita
a.vasen:link, a.vasen:visited, a.vasen:active
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 35px;
color: #000000;
text-decoration: none;
font-weight: normal;
margin-left: 10px;
}

a.vasen:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 35px;
color: #5B5E5E;
text-decoration: none;
font-weight: normal;
margin-left: 10px;
}

a.vasen_akt:link, a.vasen_akt:visited, a.vasen_akt:active, a.vasen_akt:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 35px;
color: #5B5E5E;
text-decoration: none;
font-weight: normal;
margin-left: 10px;
}

a.uplink:link, a.uplink:visited, a.uplink:active
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: bold;
margin-right: 42px;
}

a.uplink:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #5B5E5E;
text-decoration: none;
font-weight: bold;
margin-right: 42px;
}

a.uplink_akt:link, a.uplink_akt:visited, a.uplink_akt:active, a.uplink_akt:hover
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #5B5E5E;
text-decoration: none;
font-weight: bold;
margin-right: 42px;
}
Ilmoita

Vastaa alkuperäiseen viestiin

Miten saan kaksi erilaista linkkityyliä

Miten saisin tehtyä CSS-tyylin, jolla saisi tietynlaiset linkit erilaisella ja eri kokoisella fontilla kuin llinkin perustyyli a:link on? Nyt kaikilla linkeillä on tuo sama tyyli ja kun kokeilin tehdä toisen linkin erilaisella ja eri nimisellä -tyylillä, fontti muuttui samanlaiseksi kuin a:link -tyyli on siinä vaiheessa, kun linkitin siihen toisen sivun.

5000 merkkiä jäljellä

Rekisteröidy, jos haluat käyttää nimimerkkiä.

Peruuta