Html 引导活动类背景色
我有Html 引导活动类背景色,html,css,frontend,Html,Css,Frontend,我有navbar的HTML,我需要更改.active类的背景色 <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"&
navbar
的HTML,我需要更改.active
类的背景色
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" id="white" href="#">TableMailerMM</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
<!--<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>-->
</div>
</div>
</nav>
但是它不起作用,有什么想法吗?尝试使用
.nav.navbar-nav li.active a{
background-color: red;
}
.nav.navbar-nav li.active a{
背景色:#ff812c;
}
:active
是关于元素的状态
.active
是关于元素的类。您正在使用的:active
伪取消选择器(此处不适用)使用.active
类选择器并选择后代锚点,如:
ul.nav.navbar-nav li.active a {
//styles
}
:active
指的是状态,您需要针对的是。active
类
ul.nav.navbar-nav li.active a {
//styles
}