问答详情
源自:8-7 这么快就当爷爷了? - 后代选择器

就近生效原则,类选择器与包含选择器冲突怎么办

当一个<P>中有很多<span>,<div>或者其他很多类标签,所有标签通过类选择器设置各自样;

这时候使用包含选择器为<P>里面所有元素添加一个统一样式,势必有的标签因就近(类选择器已设置)不会生效;

那么,包含选择器的意义何在呢?什么情况使用的比较多呢?

感谢!

提问者:手刻CPU 2018-06-21 21:04

个回答

  • qq_发条橙子_0
    2018-06-22 00:06:33

    选择器 优先级 了解一下 

    https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity

    下面列表中,选择器类型的优先级是递增的:

    1. 类型选择器(type selectors)(例如, h1)和 伪元素(pseudo-elements)(例如, ::before)

    2. 类选择器(class selectors) (例如,.example),属性选择器(attributes selectors)(例如, [type="radio"]),伪类(pseudo-classes)(例如, :hover)

    3. ID选择器(例如, #example)

    通配选择符(universal selector)(*), 关系选择符(combinators) (+>~, ' ')  和 否定伪类(negation pseudo-class)(:not()) 对优先级没有影响。(但是,在 :not() 内部声明的选择器是会影响优先级)。