两个style.css的相互矛盾

我主要的style.css并提供与第三方两个style.css的相互矛盾

// 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">

在第二style.css中的一个

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

这使得所有body元素有边距。

如何解决？

来源

2011-07-17 Captain Comic

因为第二个CSS文件覆盖到第一个。因此，你必须从第二个css文件中删除'padding：20px;'行。 – Eray

您有三个不错的选择，其中两个提到：

1：使用！重要标志。这是最不可取的，因为你永远覆盖了填充规则 - 如果页面需要覆盖它呢？

body { 
    padding: 0 !important; 
}

2：翻转订单;首先放置第三方样式表。

3：使用HTML标签：

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

如果你不关心IE6，使用第一种，如果你这样做，使用第二个。

来源

2011-07-17 16:42:04 jacobangel

+1的特殊性和危险！重要 – shanethehat

如果添加！重要的规则后，将覆盖为了其他规则不管。

body{ 
    padding: 0 !important; 
}

来源

2011-07-17 16:33:10

的罪恶！重要... – mc10

首先包含第三方CSS文件，以便您可以在自己的文件中覆盖不受欢迎的规则。

来源

2011-07-17 16:33:41 shanethehat

因为第二个css文件覆盖到第一个。因此，您必须从第二个css文件中删除padding : 20px;行。

如果您不能编辑第二css文件，您可以添加!important到第一个CSS文件。我的意思是这样的：

padding : 0 !important;

来源

2011-07-17 16:34:29 Eray

在你的第一个CSS文件：

html body { 
    padding: 0; 
}

添加更多的选择性，以您的样式规则。

来源

2011-07-17 16:36:45 cspray

-1

有泪不轻弹在第二css文件的这种情况下，其他属性的顺序BCOS可以通过第一CSS文件被覆盖。所以请使用重要的标志。

来源

2011-07-17 18:00:52

的！重要的标记应仅作为一个绝对的最后手段，在这种情况下，如果改变的顺序是不能接受的使用特异性是更安全的解决方案。 – shanethehat

两个style.css的相互矛盾

回答

相关问题