Încerc să fac ca un link să apară în alb, fără subliniere. Culoarea textului apare corect ca fiind albă, dar sublinierea albastră se încăpățânează să persiste. Am încercat text-decoration: none;
și text-decoration: none !important;
în CSS pentru a elimina sublinierea legăturii. Niciuna dintre ele nu a funcționat.
.boxhead .otherPage {
color: #FFFFFF;
text-decoration: none;
}
<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>
Cum pot elimina sublinierea albastră din link?
Eticheta de ancorare (link) are, de asemenea, pseudo-clase, cum ar fi visited, hover, link și active. Asigurați-vă că stilul dvs. este aplicat la starea (stările) în cauză și că nu există alte stiluri care intră în conflict.
De exemplu:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Vezi W3.org1 pentru mai multe informații despre pseudo-clasele de acțiune a utilizatorului :hover, :active și :focus.
Fără a vedea pagina, este greu de speculat.
Dar mi se pare că aveți un border-bottom: 1px solid blue;
fiind aplicat. Poate adăugați border: none;
. text-decoration: none !important
este corect, dar este posibil să aveți un alt stil care să prevaleze asupra acestui CSS.
Aici este locul unde utilizarea Firefox Web Developer Toolbar1 este minunată, puteți edita CSS-ul chiar acolo și să vedeți dacă lucrurile funcționează, cel puțin pentru Firefox. Este la CSS > Edit CSS
.