html对li设置背景色,HTML新手求解。关于CSS对于li标签的active状态的背景颜色_html/css_WEB-ITnose...

后能得到不同的背景颜色

不好意思了大神，我感觉代码不多，所以直接贴了。。

回复讨论(解决方案)

.test #ul li.active{ background:#.... }

.test #ul li a{ disaplay:inline-block; background:#....}.test #ul li a:active{ background:#.... }

.test #ul li.active{ background:#.... }

.test #ul li a{ disaplay:inline-block; background:#....}.test #ul li a:active{ background:#.... }

大神。我套用你的代码。但是好像没有用啊。首先我link css了。然后在body里是这样的

AAA

BBB

CCC

DDD

EEE

FFF

在我引用的样式表里是这样的

.test li { color: #f5f5f5; float: none; width: 200px; background: #101010; margin-bottom: 3px; line-height: 60px; list-style-type: none;}.test a { color: #f5f5f5; padding-left: 60px;}.test li:hover { display: inline-block; color: #000000; float: none; width: 200px; background: #06b2e3; margin-bottom: 3px; line-height: 60px;}.test #ul li.active { display: inline-block; color: #000000; float: none; width: 200px; background: #f5f5f5; margin-bottom: 3px; line-height: 60px;}.test #ul li a { display: inline-block; color:#000000; float: none; width: 200px; background: #f5f5f5; margin-bottom: 3px; line-height: 60px;}.test #ul li a:active { background: #f5f5f5; float : none; width: 200px; margin-bottom: 3px; line-height: 60px;}

目前而言进去网站就是黑背景白字的li标签，鼠标移到上面背景会变成蓝色。但是我设置为class="active"的BBB背景不是我设定的白色的。

还是说想要在网页一开始就显示不同的active需要js？

具体要怎么写？求大神告知。

bootstrap的bootstrap.min.css检索script太多了。不太好找啊

background:#fff;才是白色背景。。。

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网