#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>

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

    现在看来是这样的,但是#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标签,修改上下边框颜色

    远方的心依然...

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

    2016-07-31 12:20:34

    共 1 条回复 >

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题