How To Target Mozilla FireFox With CSS

Every web designer/developer knows about CSS rules even beginners know it so in this we are using as rule that targets only Mozilla FireFox. What I mean with targeting is, It's like the the style under this rule will only work on Mozilla FireFox. This rule is really useful because we can define what to show and what not to show. You can also target for Google Chrome and Safari I will write about it another time.

Code 

<style type="text/css"> @-moz-document url-prefix() { H1 { color:black; } H2 { color:Blue; font-family:"Verdana"; font-size:32px; } } </style>

As you see in the code the H1 and H2 styles have been modified and that targets Mozilla Firefox(@-moz-document url-prefix()). So likewise you can add any style that you want to show up only with Mozilla Firefox.