Käytän sivuillani CSS-tyylitiedostoa, jossa olen määrännyt linkit alleviivatuiksi ja tietyn värisiksi. Miten saan kätevästi ohitettua css-määrittelyn, jos haluan esim. navigointipainikkeiden linkit näkymään ilman alleviivausta?? Tein toisen laisille linkeille (navigointipainike) oman luokan .linkki, mutta se ei tuntunut toimivan oikein? Sivun alussa, jossa navigointipainikkeet ovat, on viitattu CSS-tiedostoon.
CSS ja linkit
Make
4296
0Äänestä
Vastaukset 4
Vanhimmat
eli html-koodiin
linkit
link
link
link
ja css-tiedostoon
div.navbar a {
display: block;
text-decoration : none; /* ei alleviivausta */
color: blue; /* textilinkin väri */
background: silver; /* ankean harmaa tausta */
}
tai sitten
linkki
ja
a.navbar {
text-decoration: none;
}
tietenkään ei tarvitse laittaa navbaria luokaksi, jos ei halua. Se vain on de facto standard muissa tiedostoissa. Jos joku muu alkaa ylläpitää sivuasi jälkeesi, on homma hänelle hieman helpompaa
Näyttää toimivan vanhalla Netscapella (4.7), mutta ei IE:n versiolla 5.5?
Voit lisätä myös ominaisuuden !important, joka IE:lla ja uudemmilla selaimilla määrittelee ko. selektorin ominaisuudet ohittavan kaikki aikaisemmat määritykset ( http://www.w3.org/TR/REC-CSS1-961217.html#cascading-order ).
Toimii. Iso kiitos.