Question

My first issue:

Because of some weird problem with Firefox I have to put these :

margin:0;
padding:0;

in every div with background img to avoid problems on Firefox.
I have no problem with these But sometimes I need to use padding-top to make some distance between text and it’s above.

If I use both padding:0 and padding-top:2px then the problem is still there. How can I use padding-top while having the fix for Firefox?

Second one:

I used a global CSS code for all tags on my page. For example I used the color:FFF on all tags. But sometimes I need to have a specific link to be color:000. like this one:

<div style="color:000"><a href="#">blabla</a></div>

As you know this way I can’t make the ‘blabla’ link in black color, Because I already have style applied for <a> tags so it will be in white again. How can I achieve this one?

Answer 1

About the padding, you can add an extra div inside the previous one, just for padding.

<div>
  <div class=PaddingStyle>Content</div>
</div>

That way you will keep your fixed div intact.

About your second question, try adding !important to the second style

a {color:#000 !important;}