子选择器的权值
在本例中p>span的权值是多少
在本例中p>span的权值是多少
2018-11-14
我应该猜到了你的疑惑,你是不是认为
.first{color:green;}/*因为权值高显示为绿色*/
这行代码权值已经为10了,应该显示为绿色。
其实是这样,例子中style 分两组:一组是针对<p>进行样式设置,如下:
p{color:red;}
.first{color:green;}/*因为权值高显示为绿色*/
因为此时显然 类选择器的权值高,所以整段都是绿色;
然后第二组是针对<span>进行样式设置,如下:
span{color:pink;}/*设置为粉色*/
p span{color:purple;} /*此处权值为1+1=2>1 */
所以对于span来说,肯定选用权值为2的,故span标签内容为紫色。
举报