兩個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的相互矛盾

回答

相關問題