Q

如何用另一個css文件覆蓋一個css文件

css

2014-03-27 95 views 0 likes

0

我的父頁面正在使用custom1.css，子頁面正在使用custom2.css。我的問題是子頁面CSS屬性被父頁面CSS覆蓋。我怎樣才能阻止父頁面的CSS行事子頁面elemenets。如何用另一個css文件覆蓋一個css文件

2014-03-27 Webfreaks

+0

你能舉一個例子嗎？它會使它更容易理解。 –

+0

得到處理的最後一個CSS規則定義了發生的情況，您應該檢查加載順序。除此之外，給你的孩子元素一個自己的班級會更加優雅。 – Robert

A

回答

0

我該如何阻止父頁面的CSS行事的子頁面elemenets？

通過從子頁面的<head>中刪除custom1.css引用。

如果出於某種原因無法做到這一點，那麼您需要閱讀css特性才能理解「父css」是如何覆蓋「child css」中的規則的。

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

2014-03-27 07:54:58 cherouvim

0

CSS是使用水平施加。

所以只是增加周圍的一切容器shoudl防止

你可以這樣做： .class1＃內容{使它藍色這裏}

.class2＃內容{使它這裏紅}

通過文件做它是不可能的。你應該確保永不發生，這可以產生意想不到的結果

2014-03-27 07:56:17 user3232725

0

你可以添加!important;後css樣式（這是一個壞例子），或者你可以做一些更具體的選擇器。

body div#main{ 
    /* Style */ 
}

以上是更加具體，將「贏」了以下內容：

div#main{ 
    /* Style */ 
}

2014-03-27 07:57:05 FoX

0

在您的子頁面，請檢查您CSS順序應該是正確的方法，如果你同時使用CSS文件

<html> 
<head> 
    <title>Page title</title>   
    <link rel="stylesheet" href="custom1.css"> 
    <link rel="stylesheet" href="custom2.css"> 
</head>

，使級聯會在正確的工作方式，按您的期望

還有其他一些你需要檢查的東西，如CSS Specificity，Inheritance和Cascade。您可能喜歡檢查http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/ This

希望它有幫助！

2014-03-27 07:58:10

0

CSS樣式適用於它們的順序。選中此示例，第一個樣式覆蓋第二個，div的最終寬度將爲40px。

div{ 
width:300px; 
} 

div{ 
width:40px; 
}

鏈接樣式表也是一樣的。因爲在第二次聯繫

<link rel="stylesheet" type="text/css" href="style_1.css"> 
<link rel="stylesheet" type="text/css" href="style_2.css">

這裏style_2.css覆蓋style_1.css相同的樣式。

所以你要做的是，最後需要應用鏈接的樣式表。

2014-03-27 07:58:35

相關問題