css里的id选择器在es6里为啥不生效,只能用标签选择和类选择

css里的id选择器在es6里为啥不生效,只能用标签选择和类选择

<!--右侧生活区-->

<div class="live-center">

<a href="#" class="menu1" id="live">

<i class="glyphicon glyphicon-plus"></i>

<span class="span-live">Live</span>

</a>

<a href="#" class="menu1" id="book-store">

<i class="glyphicon glyphicon-pencil"></i>

<span class="span-book">书店</span>

</a>

<a href="#" class="menu1" id="yuanzhuo">

<i class="glyphicon glyphicon-ok"></i>

<span class="span-yuanzhuo">圆桌</span>

</a>

<a href="#" class="menu1" id="zhuanlan">

<i class="glyphicon glyphicon-play-circle"></i>

<span class="span-zhuanlan">专栏</span>

</a>

<a href="#" class="menu1" id="fee">

<i class="glyphicon glyphicon-adjust"></i>

<span class="span-fee">付费咨询</span>

</a>

<a href="#" class="menu1" id="baike">

<i class="glyphicon glyphicon-file"></i>

<span class="span-baike">百科</span>

</a>  

</div>

<!--右侧生活区-->



css里的id选择器在es6里为啥不生效,

#live{

text-decoration: none;

}


正在回答 回答被采纳积分+1

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

1回答
时间, 2021-05-19 15:21:37

同学,你好!运行同学提供的代码,id选择器是生效的。同学可以看下文件是否保存,或者更换浏览器重新访问

效果图如下:

http://img1.sycdn.imooc.com//climg/60a4bc630948480712090301.jpg

祝学习愉快!

  • 提问者 嗯哼5071141 #1
    我把id写在class前面就生效了,或者之间不留空格也会生效。


    2021-05-27 21:38:17
  • 好帮手慕燕燕 回复 提问者 嗯哼5071141 #2

    同学,你好!css样式中id的优先级高于class,与顺序无关,同学的情况或与浏览器的缓存有关,导致页面刷新不及时,样式实现即可。祝:学习愉快!

    2021-05-28 10:14:25
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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