css样式优先级

发表于 | 更新于 | 分类于

CSS样式导入与样式优先级

前言：再过几天就要网页设计考试了。虽然对我来说没什么大的难度。可是很久没看css样式一些知识点（会用是会用），趁着快考试，复习一下

CSS导入的方式

  • 行内样式(内联样式)

    在标签内直接编写行内样式

  • 内部样式

    在style标签内书写css

  • 外部样式

    HTML文件引用扩展名为.css的样式表，有两种方式

    • 链接式

      link标签

    • 导入式

      import导入

      1
      2
      3
      <style type=“text/css>
      	@import url("")
      </style>

样式优先级

行内样式>内部样式>外部样式（就近原则）

选择器的优先级

  • 内联样式表的权值最高1000
  • id选择器权值为100
  • class类选择器权值为10
  • html标签选择权值为1

加起来谁大就继承谁

CSS优先级法则

  • 当选择器都有一个权值，权值越大越优先
  • 当权值相等时，后出现的样式表设置要优于先出现的样式表设置
  • 继承的CSS样式不如后来指定的CSS样式
  • 在同一组属性设置中标有”!important“规则的优先级最大