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

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

Android soft keyboard reverts to default keyboard on orientation change -

jquery - javascript onscroll fade same class but with different div -