Skip to main content

权重

  • 内联样式,如: style=" ",权值为 1000。
  • ID 选择器,如:#content,权值为 0100。
  • 类,伪类和属性选择器,如.content,权值为 0010。
  • 类型选择器和伪元素选择器,如 div p,权值为 0001。
  • 通配符、子选择器、相邻选择器等的。如*、>、+,权值为 0000。
  • 继承的样式没有权值。
  • !important 用来提升优先级,加了这句的样式的优先级是最高的。

不同级别:总结排序:!important > 行内样式>ID 选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

  1. 属性后面加!import 会覆盖页面内任何位置定义的元素样式
  2. 作为 style 属性写在元素内的样式
  3. id 选择器 4.类选择器 5.标签选择器 6.通配符选择器(*) 7.浏览器自定义或继承 同一级别:后写的会覆盖先写的