主流浏览器css兼容问题汇总(3)
发布时间:2020-03-17 09:46 所属栏目:52 来源:站长网
导读:id选择器居然比p选择器优先级还低!将p元素和div元素分开看,.p div p p 很正常, #parent .parent也很正常。所以问题关键在子级p和父级#parent, 子级的选择器优先级比父级的选择器优先级高,或者说继承的优先级程
id选择器居然比p选择器优先级还低!将p元素和div元素分开看,.p > div p > p 很正常, #parent > .parent也很正常。所以问题关键在子级p和父级#parent, 子级的选择器优先级比父级的选择器优先级高,或者说继承的优先级程度比自身的优先级低! 嵌套多一层看看就知道是不是了,分别对#parent | div | p设置color属性: 复制代码 代码如下:<div> <div> <p>p</p> <div></div> 结果确实是p > div > #parent: 即使应用两个选择器也无济于事,依然是p >#parent div 但是只要能定位到p元素,那么父级选择器的权重就起作用了,一试便知,对#parent p | #p 设置同样的样式结果是这样的: 嗯,确实如此。所以: 5、css样式优先级还和继承有关,继承的优先级不如本身应用的优先级高。 (编辑:ASP站长网) |
相关内容
网友评论
推荐文章
热点阅读