kuinka CSS:llä saa määriteltyä useammat eri linkkiväriasetukset. esim. 1.linkkiteksti olis sininen ja kun hiiri päällä niin valkoinen ja 2.linkkiteksti punainen ja kun hiiri päällä niin oranssi jne...
CSS ja useammat linkit..
utelias
3257
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 3
Vanhimmat
"kuinka CSS:llä saa määriteltyä useammat eri linkkiväriasetukset."
Vaikkapa luokilla aivan normaaliin tapaan.
CSS:
a.sini { background: white; color: blue; }
a.sini:hover { background: blue; color: white; }
a.puna { background: white; color: red; }
a.puna:hover { background: red; color: white; }
HTML:
Sininen linkki
Punainen linkki
Jos esimerkiksi kaikki navigointivalikon linkit halutaan punaisiksi, mutta leipätekstin seassa olevat sinisiksi, voi luokkien tilalla käyttää ID-selektoreja, joita käytetään tähän tapaan:
#navi a { color: red; background: white; }
#leipa a { color: blue; background: white; }
Navilinkki, punainen
Toinen navilinkki, punainen
Leipälinkki, sininen
Toinen leipälinkki, sininena>
Navipalkissa ja leipätekstissä voi ehkä käyttää erilaisia linkkityylejä, mutta samassa yhteydessä ei tule käyttää kuin yhdenlaisia linkkejä. Muuten käyttäjä sekoaa.
asia selvisi!
Sattuipa sopivasti, kun kaipasin juuri ohjetta tuohon id-selektorisysteemiin.