在導航欄中更改顏色

Question

我正在嘗試在腳本的導航欄中更改參數“懸停”的顏色。

在css文件“顏色”中，我看到以下內容：

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #e1e1e1;
}

更改“焦點”效果很好，但是如果我嘗試通過這種方式更改“懸停”，則沒有任何效果：

.navbar-inverse .navbar-nav > .active > a;
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #e1e1e1;
}

.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #e1e1e1;
}

其他選項是：

.navbar-inverse {
    background-color: #ffffff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ababab;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
}

.navbar-inverse .navbar-toggle {
    border-color: transparent;
    background-color: rgba(255,255,255,0.05);
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: rgba(255,255,255,0.1);
}

有什么建議嗎？

Answer 1

您需要按照以下順序放置這些特定的偽選擇器：

1. a:link
2. a:visited
3. a:hover
4. a:active
5. a:focus *

* :focus不在本系列的AFAIK中，但以防萬一。

 body { background-color: black; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:link, .navbar-inverse .navbar-nav > .active > a:visited { background-color: #e1e1e1; color: blue; font: 400 40px/1.5 Verdana; text-decoration: none; padding:5px 10px; } .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:active, .navbar-inverse .navbar-nav > .active > a:focus { background-color: #b00b12; color: cyan; } 

 <nav class='navbar-inverse'> <nav class='navbar-nav'> <div class='active'> <a href='#/https://pron.069'>Adult Videos</a> </div> </nav> </nav> 

Answer 2

只是改變 ; 代替該用途，

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #e1e1e1;
}

.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #e1e1e1;
}