p{color:red;}
p.first{color:green;}
这2个样式,第一个权值是1,第二个权值是11,根据权值高的就使用哪种css样式原理,两个段落颜色都应该是绿色的,可是为什么只有第一段落是绿色字体?
是的,权重分别为1和11。第二个代码限制的是p.first里面的内容的颜色,不包含所有p
这两个权值应该是相同,但是后覆盖前面的,所以先从后面的执行,后面的又用了选择器.first,所以只有第一段P为绿色, 然后执行第一段样式代码 !
p{color:red;}定义的是全部P标签的颜色。
p.first{color:green;定义的是.first里面的颜色。
就这么简单。