如何讓我的選擇器更具體？

在頁面中，我使用帶有自己樣式表的tabstrip。這個tabtrip用div和anchor寫。如何讓我的選擇器更具體？

我添加一些其他的div標籤進入，但他們繼承外標籤欄樣式。這個新的divs有他們自己的css類。

這裏是我的問題，是有辦法打破這種繼承不改變CSS的結構？

標籤CSS樣式：

div.tabs { 
    padding: .5em; 
} 
div.tabs div.tabs { 
    padding: 0; 
} 
div.tabs div.tabs div { 
    clear: left; 
    height: 4em; 
    padding: .5em; 
    border: 1px solid #003366; 
}

新添加的div使用這個類：

.graphTextItem{ font-family:sans-serif; font-size:12px; border: solid 1px #78ACFF; text-align:center; width:150px; } 
.graphImageItem{ border-left: solid 1px #78ACFF; border-right: solid 1px #78ACFF; text-align:center; height:70px; }

來源

2009-04-14 Canavar

通過從這個樣式表移除格解決我的問題：

div.tabs div.tabs { 
    clear: left; 
    height: 4em; 
    padding: .5em; 
    border: 1px solid #003366; 
}

但我仍然不知道是否有辦法嗎？

來源

2009-04-14 12:42:15 Canavar

覆蓋每一個你需要不是在你的最具體的類繼承的元素。

例如在.graphTextItem中，覆蓋高度和填充。

來源

2009-04-14 12:35:45 cjk

很好的答案，謝謝，但兩者有邊界，但我的新添加的div結合這兩種風格.. – Canavar 2009-04-14 12:38:31

不是真的。繼承是CSS的一部分。如果你想要一個特定的值然後指定它。

來源

2009-04-14 12:37:07

你總是可以嘗試使用不同的元素爲每個嵌套級別而不是所有div：

<div> 
    <ul> 
     <li></li> 
    </ul> 
</div>

在上面的例子中，你可以風格的div，ul和li任何你想要的，你可以單獨針對他們應用樣式規則。繼承不會是一個問題。

來源

2009-04-15 01:09:02

如何讓我的選擇器更具體？

回答

相關問題