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.
Miten saan kaksi erilaista linkkityyliä
linkittäjä
4218
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 4
Vanhimmat
ä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...
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.
Jos nyt vaikka kertoisit, mitä oikeasti yritit. URL on poikaa - myös siksi, että Suoli24 haluaa rikkoa HTML-koodin.
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;
}