CSS 选择器 - 权重/匹配方式
一、权重
id #id > class .left、伪类 :hover、属性 a[href]/a[class=“qiu”] > 标签类 div、伪元素 ::after > 通配符 *
注意：
-
!important > 行内样式 > 内联/外联样式
- 当两个样式都使用
!important时，权重值大的优先级更高 - css 样式是单线程，内联/外联样式 的优先级只和 加载顺序 有关
二、匹配方式
CSS 选择器是从右向左进行匹配的：
/* 先找到所有 h3 元素，再过滤父元素不是 .content 的，最后过滤掉 .content 不是 div 标签的 */
div.content h3 {}