                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

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

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

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

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

感谢！

手刻CPU

2018-06-21

源自：初识HTML(5)+CSS(3) 8-7

关注问题我要回答

718

操作

收起

1 回答

qq_发条橙子_0
2018-06-22

选择器优先级了解一下

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() 内部声明的选择器是会影响优先级）。