Question

I have main style.css and the one provided with third party

// Include main CSS
<link charset="utf-8" media="screen" type="text/css" href="http://test.style-hunters.ru/wp-content/themes/style-hunters/style.css" rel="stylesheet">

// Include third party CSS, we have put it to css folder
<link href="http://test.style-hunters.ru/wp-content/themes/style-hunters/css/style.css" rel="stylesheet"> 

In the second style.css

body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 20px;
}

This makes all body elements to have padding.

How to resolve it?

Answer 1

You have three good options, two of which are mentioned:

1: Use the !important flag. This is the least desirable, because you forever overwrite the padding rule–what if a page needs to overwrite it?

body { 
    padding: 0 !important; 
}

2: Flip the order; put the third party style sheet first.

3: Use the html tag:

html > body { 
    padding: 0; 
} 
/* OR */ 
html body { 
    padding: 0; 
}

If don’t you care about IE6, use the first, if you do, use the second.