如图所示
p{color:red!important;}
.first{color:green:}
问题1:如果加上!important后权值为最大 .first为类选择器权值为10
为什么文中正文第二段的简单依然被低权值的.first作用为绿色?
问题2:p.first和.first的区别 ?
问题3:p.first和.first是不是都为类选择器?
问题4:为什么p.first只会作用于第一段文字 .fitst作用于第一段文字和第二段文字中的简单两字?
参考第一位的答案吧
!important具有最高优先级,高于id/class,这里!important是作用于p,然后作用span是继承,继承权值最低,具参考文献说是0.1。而class是10, 10>1。所以显示的是class的颜色。
在重要性有关这题的答案,可以去看一下。
第一个问题:!important你作用的是p标签,而不是span标签,而你设定的first类的颜色是绿色,同时作用在了p标签和span标签中。所以在span标签中的first类起作用了,而作用在p标签上的first类被!important给抵消了。
第二个问题:p .first表示p标签下的first类起作用。
.first表示不论你的first类作用在哪个标签中都起作用。
问题1:我的两段都是全红字,没有你说的情况
问题2:p.first我理解的是定义class值为first的<p>标签,而.first则是指class值为 first的所有标签,不一定只有<p>标签了
问题3:是
问题4:参考问题2.
第一个问题:内联样式权值是高于选择器的。
第二个问题:一个是标签选择器,一个是类选择器。
第三个问题:就这样理解吧,离标签越近,就会被使用!