Minulla on tyylit.css tiedosto, jossa määrittelen sivuillani olevat css-koodit. Mistä johtuu, ettei tyylit tiedostossa oleva ensimmäinen koodi toimi sivuilla lainkaan, mutta kaikki muut koodit toimivat?
Esim.
a:link{
color: #000080;
text-decoration: none;
font-weight: bold;
}
a:visited{
color: #000080;
text-decoration: none;
font-weight: bold;
}
Tuosta koodinpätkästä 'a:link' ei toimi, mutta 'a:visited' toimii. Samoin jos vaihtaisin noiden koodien paikkaa 'a:visited' ei toimisi ja 'a:link' toimisi. Mistä tuo johtuu ja miten sen korjaan??
Esim.
a:link{
color: #000080;
text-decoration: none;
font-weight: bold;
}
a:visited{
color: #000080;
text-decoration: none;
font-weight: bold;
}
Tuosta koodinpätkästä 'a:link' ei toimi, mutta 'a:visited' toimii. Samoin jos vaihtaisin noiden koodien paikkaa 'a:visited' ei toimisi ja 'a:link' toimisi. Mistä tuo johtuu ja miten sen korjaan??
Vastaukset 4
Vanhimmat
Ainakaan css-tiedostossa ei kuulu olla html-tageja. Kokeile ottaa ne pois.
Ei tuossa muuten pitäisi mitään vikaa olla.
Eli aloitat vaan suoraan css:llä:
a:link{
color: #000080;
text-decoration: none;
font-weight: bold;
}
a:visited{
color: #000080;
text-decoration: none;
font-weight: bold;
}
No tuohan auttoi heti.. Olipas yksinkertainen ratkasu. kiitos. :)
Muuta vaikka tuon "a:visited" väriä. Tekasin pätkän html:ää ja tuossa toimi ihan ok.
a:link{
color: #000080;
text-decoration: none;
font-weight: bold;
}
a:visited{
color: #CCCCCC;
text-decoration: none;
font-weight: bold;
}
Linkki
Huomioi, että kun olet klikannut linkkiä se on silloin tilassa "visited". Välttämättä kaikki selaimet eivät tilannetta muuta, vaikka sivu päivitetään selaimessa.