                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

权重问题在此请教各位前辈几个问题

如图所示

p{color:red!important;}

.first{color:green:}

问题1：如果加上!important后权值为最大 .first为类选择器权值为10

为什么文中正文第二段的简单依然被低权值的.first作用为绿色？

问题2：p.first和.first的区别？

问题3：p.first和.first是不是都为类选择器？

问题4：为什么p.first只会作用于第一段文字 .fitst作用于第一段文字和第二段文字中的简单两字？

哦88

2016-05-19

源自：初识HTML(5)+CSS(3)-升级版 9-4

关注问题我要回答

803

操作

收起

5 回答

大块吃肉188
2016-06-28

参考第一位的答案吧

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

收起回答

稳稳2
2016-06-23

!important具有最高优先级，高于id/class，这里!important是作用于p，然后作用span是继承，继承权值最低，具参考文献说是0.1。而class是10， 10>1。所以显示的是class的颜色。

在重要性有关这题的答案，可以去看一下。

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

收起回答

空白格灬
2016-06-22

第一个问题：!important你作用的是p标签，而不是span标签，而你设定的first类的颜色是绿色，同时作用在了p标签和span标签中。所以在span标签中的first类起作用了，而作用在p标签上的first类被!important给抵消了。
第二个问题：p .first表示p标签下的first类起作用。
.first表示不论你的first类作用在哪个标签中都起作用。