当一个<P>中有很多<span>,<div>或者其他很多类标签,所有标签通过类选择器设置各自样;
这时候使用包含选择器为<P>里面所有元素添加一个统一样式,势必有的标签因就近(类选择器已设置)不会生效;
那么,包含选择器的意义何在呢?什么情况使用的比较多呢?
感谢!
选择器 优先级 了解一下
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity
下面列表中,选择器类型的优先级是递增的:
类型选择器(type selectors)(例如, h1)和 伪元素(pseudo-elements)(例如, ::before)
类选择器(class selectors) (例如,.example
),属性选择器(attributes selectors)(例如, [type="radio"]
),伪类(pseudo-classes)(例如, :hover)
ID选择器(例如, #example)
通配选择符(universal selector)(*
), 关系选择符(combinators) (+
, >
, ~
, '
') 和 否定伪类(negation pseudo-class)(:not()
) 对优先级没有影响。(但是,在 :not() 内部声明的选择器是会影响优先级)。