                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

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

有花不见叶

2016-07-31

源自：JavaScript进阶篇 10-1

关注问题我要回答

4454

操作

收起

2 回答

水里有条鱼回答被采纳 +3 积分
2016-07-31

该效果只对id为ul1里面的class为active的li节点生效

<li class="active"></li> <-对这个生效

</div>

0 回复有任何疑惑可以回复我~

收起回答

有花不见叶提问者

非常感谢！

2016-07-31 回复有任何疑惑可以回复我~

有花不见叶提问者

是不是和直接写.active没区别

2016-07-31 回复有任何疑惑可以回复我~

水里有条鱼回复有花不见叶提问者

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

2016-07-31 回复有任何疑惑可以回复我~

远方的心依然在跳动
2016-07-31

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

0 回复有任何疑惑可以回复我~

收起回答

远方的心依然在跳动

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

2016-07-31 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript进阶篇

参与学习 468190 人
解答问题 21891 个

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

进入课程

本课相似问答

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

2 回答这是什么意思

2 回答这是什么意思？

1 回答parseInt这是什么意思啊

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

2 回答

本课相似问答

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