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