即使我重寫一個CSS類舊寬度值是用於

我有兩個CSS文件，我們姑且稱之爲style1.css和style2.css爲了簡單起見。即使我重寫一個CSS類舊寬度值是用於

我包括他們在這個順序：

<link rel="stylesheet" type="text/css" href="style1.css" /> 
<link rel="stylesheet" type="text/css" href="style2.css" />

風格之一就是有很多的類和屬性更一般的文件。 Style2覆蓋這些。

例如，STYLE1具有這樣的：

.row-fluid > .span9 { 
width: 74.358974359%; 
}

然而，藍紫魅力具有：

.span9{ 
    width:50%; 
}

我有包含.span9元件與第一樣式用於一些.row流體的DIV他們，即使瀏覽器應該只接受最後的CSS規則，如果找到重複的選擇器。

我前往Chrome開發者工具發現這一點，我看到了span9定義從清新綠色未來的交叉，從STYLE1的定義是在頂部和來代替。

PS：具體而言，STYLE1是Twitter的引導CSS和藍紫魅力是我自己的CSS從頭開始。

檢查特異性：http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html 這意味着你將需要相同的選擇，甚至添加了一些選擇。 – 2012-07-18 13:17:00

@ user190284：如果我的回答對您有幫助，您能否將其標記爲正確？ – 2012-08-01 08:41:21

標記爲upvoted。感謝您的洞察力。 – 2012-08-01 08:42:23

你瞭解cascading一部分，但也許不是CSS的特殊性規則。第一條規則比第二條規則更具體地選擇元素，所以它被選中。

嘗試改變這第二條規則這樣：

.row-fluid > .span9 { 
    width: 50%; 
}

2012-07-18 13:17:24

+1 Spot on ...... – Chandu 2012-07-18 13:18:51

A.你需要改變「span9」到」 .span9" 。

2012-07-18 13:37:03

回答