开发中经常遇到css样式覆盖的问题,在此记录一下css样式的优先规则
选择器通常包括
类型选择器(元素选择器: p、h1) 后代选择器(p span ) 类选择器(.class) ID选择器(#ID) 通用选择器 * (匹配所有)
高级选择器:
子选择器 div >p 匹配div下第一层p标签 可以通过通配符完成子选择器
相邻同胞选择器 + 匹配一个元素的下一个元素
属性选择器 img[title] 匹配有该属性的元素
层叠重要度次序 : 标有 !important 的用户样式 > 标有 !important 的作者样式 > 作者样式 > 用户样式 > 浏览器/用户代理的样式
通用选择器(*) < 伪元素、元素(类型)选择器 < 类选择器 = 属性选择器 = 伪类 < ID 选择器 < 内联样式
规则相同 则后定义或者更加具体的优先