How to target Specific Browsers?

To Target Specific Browsers:

#ID or .class is like div#main or div.main

* html #ID or .class {
ie6
}

NOTE: sometimes IE6 requires…

* html body #ID or .class {
ie6
}

*:first-child+html #ID or .class {
ie7
}

#ID or .class, x:-moz-any-link, x:default {
FF3
}

body:nth-of-type( ) #ID or .class {
OLDER versions of: chrome and safari
}
OR

body:nth-of-type(1) #ID or .class {
chrome and safari, this will just target the 1st one
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#ID or .class {
new versions of chrome and safari
}
}

First time ever I had to target Firefox only as all other browsers showed the same thing…

@-moz-document url-prefix() {
#ID or .class {
for latest firefox
}
}