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

Android : Making Listview full screen -

javascript - Parse JSON from the body of the POST -

javascript - How to Hide Date Menu from Datepicker in yii2 -