How To Add Multiple Pseudo-classes within 1 page

This is obnoxiously simple, yet vexed me on formatting before I figured it out:

First, the cryptic formatted code, and if you know what this means, you’re my target audience. If you see this as technical mumbo-jumbo, just ignore this article for us gearheads.

.cookienav a:link {color: #DCDCDC; text-decoration: none; }
.cookienav a:visited {color: #DCDCDC; text-decoration: none; }
.cookienav a:hover {color: #FFF; text-decoration: underline; }
.cookienav a:active {color: #FFF;text-decoration: underline; }
.cookienav a:link {color: #DCDCDC; text-decoration: none; }
.cookienav a:visited {color: #DCDCDC; text-decoration: none; }
.cookienav a:hover {color: #FFF; text-decoration: underline; }
.cookienav a:active {color: #FFF;text-decoration: underline; }

Note one could actually collapse these CSS tags into a single line, i.e.

.cookienav a:link visited hover active {etc.}

No related posts.

This entry was posted in CSS. Bookmark the permalink.
Website Developer
custom web design services
business web designer usa

Free Initial Consultation

Share This Page