CSS选择器优先级

作者：管理员

发布时间：2020/10/9 9:11:09

评论数：0

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=2693

• 优先级由高到低 !important > 内联style > ID选择器 > 类选择器 > 标签选择器 > 通配符选择器>继承
• 优先级算法(权重)
• 元素标签（派生选择器）：1
• class选择符：10
• id选择符：100
• 内联样式最大：1000
• 元素选择符的权值
• 继承得到的样式的优先级最低
• 比较多个权重相同的CSS选择器优先级，定义的位置决定一切。从位置上由高到低分为六级：

1. 位于<head/>标签里的<style/>中所定义的CSS拥有最高级的优先权。
      2. 位于 <style/>标签中的 @import 引入样式表所定义。
      3. 由<link/>标签所引入的样式表定义。
      4. 由<link/>标签所引入的样式表内的 @import 导入样式表定义。
      5. 用户设定。
      6. 浏览器默认。