css - Why are my link texts different colors? -
my web page has css:
html.light .auth .authinput .authlink { color: #007fff; }
and html:
<a class="authlink" .... ></a>
what notice in 1 place link blue , in place link purple.
can tell me why different color?
because purple 1 stands visited
. make go away add :visited
pseudo selector this:
html.light .auth .authinput .authlink:visited { color: #007fff; }
this ensure link same color after you've visited it. , visited mean clicked on it.
generally want cover entire "love hate" of links:
html.light .auth .authinput .authlink:link { color: #007fff; } html.light .auth .authinput .authlink:visited { color: #007fff; } html.light .auth .authinput .authlink:hover { // color } html.light .auth .authinput .authlink:active { // color }
"love hate" means should define :link
, :visited
, :hover
, :active
in correct order. it's helper reminding order specify them in. (lvha)
Comments
Post a Comment