html - 按制表符时的 CSS 选择器

Question

我有以下样式(使用 TBootstrap):

.navbar-inverse ul.navbar-nav>li[class="active"]>a, 
.navbar-inverse ul.navbar-nav>li:hover>a,
.navbar-inverse ul.navbar-nav>li:active>a,
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse ul.navbar-nav>li[class="active"]:hover>a {
    background-color:transparent;
    color:#333;
    border-bottom:4px solid #333;
}

它们在与鼠标交互时工作正常。但是，当我按下制表符并且任何导航栏链接都获得焦点时，它仍然显示 Bootstrap 默认样式。此外，当我关闭菜单然后将鼠标移出链接时，也会显示相同的样式。我不知道我错过了什么，因为我的目标是 :hover、:focus 和 :active。看来我还需要别的东西。

Answer 1

是的，我解决了。

.navbar-inverse ul.navbar-nav>li>a {
    background-color:transparent !important;
    color: #333 !important;
}

这是关于等级制度的。