为了账号安全,请及时绑定邮箱和手机立即绑定

这两行代码表达的什么意思?看不懂!

p span.warning{color:purple;} /*权值为1+1+10=12*/

#footer .note p{color:yellow;} /*权值为100+10+1=111*/

正在回答

代码语言

3 回答

我的理解:

p span.warning{color:purple;} 第一个空格表是后代选择器,而span.warning{}是表示span定义的class=warning,精确定位span元素采用的类选择器。<span class="warning"></span>

p span .warning{color:purple;} 同理,因为warning为span的子元素,且class为warning 采用的后代选择器<span><a class="warning"></a></span> 

第一种中的span和warning 为同级关系,第二种中的warning为span的子元素

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

标签的权值为1 类选择器的权值为10,id选择器的权值为100,p 和span是标签。warning和note是类选择器。footer是id选择器,在css设置中,当选择有冲突的时候,会选择权值高的。比如.warning{color:pink;}这个权值只是10,而p span.warning{color:purple;}权值是12,所以网页显示的颜色是purple而不是pink;下面那句话是一样的道理。

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

qq_何必忙著為自己解釋_03169832 提问者

我想问的是:p span.warning{} 中的span.warning 是什么选择器,前面好像没讲这种类型的。
2016-07-27 回复 有任何疑惑可以回复我~
#2

qq_何必忙著為自己解釋_03169832 提问者

还有第二个那个,三个标签中两个空格,怎么理解?
2016-07-27 回复 有任何疑惑可以回复我~
#3

五木3762283

选择器的权限是叠加的
2016-08-02 回复 有任何疑惑可以回复我~

权值大小,表示同时对p标签设置颜色,有限使用那个颜色

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

qq_何必忙著為自己解釋_03169832 提问者

我想问的是:p span.warning{} 中的span.warning 是什么选择器,前面好像没讲这种类型的
2016-07-27 回复 有任何疑惑可以回复我~
#2

慕粉3737561 回复 qq_何必忙著為自己解釋_03169832 提问者

span元素,class为warning的意思。<span class='warning'></span>
2016-07-27 回复 有任何疑惑可以回复我~
#3

qq_何必忙著為自己解釋_03169832 提问者

回复 慕粉3737561谢谢啦!
2016-07-27 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

这两行代码表达的什么意思?看不懂!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信