Two style.css are conflicting

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

Include the third party CSS file first so that you can override undesirable rules in your own file.