HTML新手求解。关于CSS对于li标签的active状态的背景颜色
16lz
2021-01-22
譬如对于
<divclass="test">
<ulid="ul">
<liclass="active"><ahref="#">AAA</a></li>
<li><ahref="#">BBB</a></li>
<li><ahref="#">CCC</a></li>
<li><ahref="#">DDD</a></li>
<li><ahref="#">EEE</a></li>
<li><ahref="#">FFF</a></li>
</ul>
</div>
我在自己创建的样式表
.testli{
color:#000000;
float:none;
width:200px;
background:#f9f2f4;
margin-bottom:3px;
line-height:80px;
}
问题:怎么样设定li标签在<liclass="active">这种情况下背景颜色变成另外的。
譬如用bootstrap的样式表的时候,在给定的
<navclass="navbarnavbar-inversenavbar-fixed-top"role="presentation">
之类的里面的li标签显示<liclass="active">就会直接运行HTML以后在一个标签处显示出背景颜色的变化
怎么修改样式表能让我在自己静态设计中,自己声明了<liclass="active">后能得到不同的背景颜色
不好意思了大神,我感觉代码不多,所以直接贴了。。
<divclass="test">
<ulid="ul">
<liclass="active"><ahref="#">AAA</a></li>
<li><ahref="#">BBB</a></li>
<li><ahref="#">CCC</a></li>
<li><ahref="#">DDD</a></li>
<li><ahref="#">EEE</a></li>
<li><ahref="#">FFF</a></li>
</ul>
</div>
我在自己创建的样式表
.testli{
color:#000000;
float:none;
width:200px;
background:#f9f2f4;
margin-bottom:3px;
line-height:80px;
}
问题:怎么样设定li标签在<liclass="active">这种情况下背景颜色变成另外的。
譬如用bootstrap的样式表的时候,在给定的
<navclass="navbarnavbar-inversenavbar-fixed-top"role="presentation">
之类的里面的li标签显示<liclass="active">就会直接运行HTML以后在一个标签处显示出背景颜色的变化
怎么修改样式表能让我在自己静态设计中,自己声明了<liclass="active">后能得到不同的背景颜色
不好意思了大神,我感觉代码不多,所以直接贴了。。
5 个解决方案
#1
.test#ulli.active{background:#....}
.test#ullia{disaplay:inline-block;background:#....}
.test#ullia:active{background:#....}
更多相关文章
- html5 css3 背景视频循环播放代码
- HTML5中canvas实现矩形颜色渐变
- HTML5 标签audio添加网页背景音乐代码
- css让背景图片拉伸填充的属性
- 8.HTML5 CSS3 背景、边框与补丁相关属性
- 【转】Mozilla研究—深入理解mozilla所需的背景知识
- IE8:Div悬停仅在设置背景颜色时有效,非常奇怪,为什么?
- body和html到底有多高&&浏览器的背景色问题
- 关于大背景图片随浏览器百分比缩放的问题