css里为什么不能.active{}啊?

css里为什么不能.active{}啊?

<div class="dots">

<span class="active"></span>

<span></span>

<span></span>

</div>

.dots span.active{

box-shadow: 0 0 0 2px rgba(7, 17, 27, 0.4) inset;

background-color: #ffffff;

}

为什么要这样写.dots span.active而写成.active就不可以?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好,如下,这里上面的.dots span也是给span设置的样式,若是下面的只写.active的话,没有.dots span的权值大,所以会采用.dots span中的样式。

http://img1.sycdn.imooc.com//climg/5b84a2d00001efe105270580.jpg

若能解决你的疑问,望采纳。

祝学习愉快~

好帮手慕糖 2018-08-27 17:16:35

你好,因为你这个只有部分代码,无法进行测试,下载源码进行测试,如下,没有span也是可以的哦。

http://img1.sycdn.imooc.com//climg/5b83c13400014d3407940135.jpg

祝学习愉快~

  • 提问者 胖头鱼yyf #1
    我的意思是为什么不可以直接.active,前面为什么还一定要带个.dots
    2018-08-27 19:34:23
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
JavaScript基础入门 2018
  • 参与学习       547    人
  • 提交作业       206    份
  • 解答问题       640    个

JavaScript作为前端学习中的一个重要组成部分,本课程将带领你从最基础的语法开始,学习js的流程控制语句、函数、内置对象、DOM基础、DOM事件、BOM基础以及经典的js案例--轮播图。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师