一、问题原由(在一次偶然编写css发现的,.div2 p>.div1 p>.p1,而后作了测试并找查相关资料)css
二、解决方案测试
首先看哪一级的权重高spa
一、!important,加在样式属性值后,权重值为 10000
二、内联样式,如:style=””,权重值为1000
三、ID选择器,如:#content,权重值为100
四、类,伪类和属性选择器,如: content、:hover 权重值为10
五、标签选择器和伪元素选择器,如:div、p、:before 权重值为1
六、通用选择器(*)、子选择器(>)、相邻选择器(+)、同胞选择器(~)、权重值为0blog
因此.div1 p的权重值为10+1=11,.div2 p的权重值为10+1=11,.p1的权重值为10import
第二看哪个离p标签的距离近im
.p1>.div2 p>.div1 p
样式
因此根据上述分析 .div2 p>.div1 p>.p1伪元素