避免按鈕上的CSS級聯？

我有一個div（ID = 「TabContainer的」）其中，I定義一些CSS象下面這樣：避免按鈕上的CSS級聯？

#tabContainer .ui-state-active { 
    background: transparent url(img/uiTabsArrow.png) no-repeat bottom center; 
}

在這個div，我有一些按鈕。 問題是，當我點擊其中一個按鈕時，在css中爲tabContainer定義的背景也顯示在我的按鈕的背景中。

我該如何避免這種情況？

看來，他們的父母背景的DIV繼承的孩子......

感謝。

來源

2011-07-26 Bronzato

#tabContainer .ui-state-active input[type=button] { 
    background: none 
}

來源

2011-07-26 15:09:41

@Bronzato - 謝謝！ –

標記名稱添加到您的類（假設它是一個DIV）：

#tabContainer div.ui-state-active { 
    background: transparent url(img/uiTabsArrow.png) no-repeat bottom center; 
}

來源

2011-07-26 15:08:23

的「>」表示元素的直接孩子

#tabContainer .ui-state-active { 
    background: none; 
} 

#tabContainer>.ui-state-active { 
    background: transparent url(img/uiTabsArrow.png) no-repeat bottom center; 
}

因此，使用這種允許您指定直接的孩子和其他元素之間的不同風格

來源

2011-07-26 15:09:04 vaugham

它確實...您可以使用Firebug或IE開發人員工具來檢查按鈕，看看什麼樣式適用於你的風格和從哪裏來到...但基本上，如果你將覆蓋這種風格：

#tabContainer .ui-state-active input { 
    background: #000 (or your background that you want); 
}

來源

2011-07-26 15:11:17 Rikon

避免按鈕上的CSS級聯？

回答

相關問題