Question

在编辑wordpress主题时，我遇到了这些类型的问题。这是html代码：

<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;
}

我只想覆盖.main-navigation属性上的#site-navigation属性。

Answer 1

尝试从.main-navigation中删除！important。

Answer 2

从＃site-navigation

删除！important

Answer 3

从＃site-navigation li中删除！important或者如果需要，写下颜色：＃efa9bd！important;作为内联css。例如： <nav id="site-navigation" class="main-navigation span8" style="margin-top:30px" role="navigation" style="color: #efa9bd!important;">

如何使用id覆盖使用css类的css？

3 个答案: