Here is the deal, no matter how often I do it, I keep on forgetting the right syntax for adding links in CSS. Being a seasoned designer, it frustrates me sometimes that something that easy takes some of my precious time.
I know what you are saying: ” Google is a couple of clicks away”. You know what, you are right but I am kind of tired of all theses ADS sites and sometimes they clog the web making the information very difficult to find. Too much talking let’s go straight to the point:
Links In CSS a:link { color: #FFF; text-decoration: none; background-color: #ff00ff; font-weight: normal; } a:visited { color: #FFF; text-decoration: none; background-color: #ff00ff; font-weight: normal; } a:hover { color: #FFF; text-decoration: none; background-color: #ff00ff; font-weight: normal; } a:active { color: #FFF; text-decoration: none; background-color: #ff00ff; font-weight: normal; } Classes and links class name : software something like All links within this container: a.software:link { color: #FFF; text-decoration: none; background-color: #ff00ff; font-weight: normal; } or .software a:link { color: #FFF; text-decoration: none; background-color: #ff00ff; font-weight: normal; } With html elements and div tags the syntax looks something like: p a:link { color: #FFF; text-decoration: none; background-color: #ff00ff; font-weight: normal; } or Something like: #software a:link { color: #FFF; text-decoration: none; background-color: #ff00ff; font-weight: normal; } or Even better #software p a:link { color: #FFF; text-decoration: none; background-color: #ff00ff; font-weight: normal; }
If you want to learn CSS check the following site: w3schools