#ul1 li.active这是什么意思？-慕课网

首页课程实战体系课手记专栏慕课教程

#ul1 li.active这是什么意思？

来源：10-1 编程挑战

有花不见叶

2016-07-31 11:06

#ul1 li.active{border-top:2px solid red;border-bottom:2px solid #fff;}

写回答关注

2回答

水里有条鱼

2016-07-31 12:25:21

已采纳

该效果只对id为ul1里面的class为active的li节点生效
<div id="ul1">
<li class="active"></li> <-对这个生效
<li></li>
</div>

3 0

水里有条鱼回复有花不见叶

现在看来是这样的，但是#ul1 li.active更加具有针对性，因为他肯定指向那一个如果是.active的话遇到这种情况据不行了： <div id="ul1"> <li class="active"></li> <li></li> </div> <li class="active"></li>

2016-07-31 14:16:48

共 3 条回复 >
远方的心依然在跳动

2016-07-31 12:17:33

效果等同于点击当前的li标签，修改上下边框颜色

1 0

远方的心依然...

选择 li 的子元素类名为 active 的元素对其生效

2016-07-31 12:20:34

共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468060 学习 · 21891 问题

相似问题

#ul1 li{display: inline-block;/*这句是什么意思，有什么作用？*/

回答 2

这是什么意思？

回答 2

这是什么意思

回答 2

这是什么意思？

回答 2

这节课是什么意思

回答 3

打开慕课网App查看更多内容