css and links

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

Let's share thisShare on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn