4-7练习题

4-7练习题

 #div span{color:green;}权值101

            #div .p1{color:red;}权值110

css样式是上面这样,这样写不应该“权值相同,就近原则”都变成红色吗?

为什么“权值相同,”为绿色,“就近原则”为红色

正在回答

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

2回答

你好,因为你的绿色是直接设置给span元素的,但是红色是设置为p元素的(判断权值时要作用于统一元素)。正确写法可参考下列代码:

#div span{color:green;}
#div .p1 span{color:red;}

祝学习愉快~

澹台云风 2017-08-14 22:16:55

=_=可以用子选择器的...

举个栗子  .p1 span{color:red;} 

                .p2 span{color:green;}

# 号3分

.p1 2分

span1分

Total  4(Green)VS   5(Red)  .....

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

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

在线咨询

领取优惠

免费试听

领取大纲

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