css选择器问题

开发中经常遇到css样式覆盖的问题,在此记录一下css样式的优先规则

选择器通常包括

类型选择器(元素选择器: p、h1) 后代选择器(p span ) 类选择器(.class) ID选择器(#ID) 通用选择器 * (匹配所有)

高级选择器:

  1. 子选择器 div >p 匹配div下第一层p标签 可以通过通配符完成子选择器

  2. 相邻同胞选择器 + 匹配一个元素的下一个元素

  3. 属性选择器 img[title] 匹配有该属性的元素

层叠重要度次序 : 标有 !important 的用户样式 > 标有 !important 的作者样式 > 作者样式 > 用户样式 > 浏览器/用户代理的样式

通用选择器(*) < 伪元素、元素(类型)选择器 < 类选择器 = 属性选择器 = 伪类 < ID 选择器 < 内联样式
规则相同 则后定义或者更加具体的优先