如何覆蓋css使用類通過CSS使用ID？

在編輯wordpress主題我有這些類型的問題。下面是HTML代碼：如何覆蓋css使用類通過CSS使用ID？

<nav id="site-navigation" class="main-navigation span8" style="margin-top:30px" role="navigation">

這裏是CSS：

#site-navigation li a, #site-navigation li.home.current-menu-item a { 
    color: #efa9bd !important; 
} 

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { 
    color: #fff !important; 
    font-weight: bold; 
}

我只想過#site-navigation屬性，以覆蓋.main-navigation屬性。

來源

2014-06-24 user3770922

然後將樣式包含在你的'＃site-navigation'選擇器中......如果你無論出於何種原因都無法訪問該CSS，那麼只需在你控制的CSS中覆蓋這些樣式即可。你也可以在樹中包含一個更高特異性的ID（例如'#someId .main-navigation'）你可以用一個ID選擇器覆蓋類選擇器的風格的唯一方法是使用'！important'，你可以應儘量避免不惜一切代價 –

嘗試從.main-navigation中刪除！important。

來源

2014-06-24 11:28:36 Gofilord

第二點是不需要的，可以帶或不帶空格 – putvande

@putvande謝謝！我不知道。 – Gofilord

刪除！重要＃site-navigation

來源

2014-06-24 11:31:48 Khushboo

remove！important from＃site-navigation li a。或者如果需要的話，寫下顏色：＃efa9bd！important;作爲內聯的CSS。例如： <nav id="site-navigation" class="main-navigation span8" style="margin-top:30px" role="navigation" style="color: #efa9bd!important;">

來源

2014-06-24 11:42:40 hakkim

如何覆蓋css使用類通過CSS使用ID？

回答

相關問題