css继承,层叠,优先级

css继承

父元素设置样式后,子元素会从父元素那去继承部分相应的样式。减少css设置。

层叠

  • 可以定义多个样式
  • 不冲突时多个样式可以层叠
  • 冲突时,按不同样式规则优先级来应用样式。

css使用方法的优先级

  • 行内样式>内部样式>外部样式
    link链入外部样式和style内部样式优先级取决于他们的位置

样式表中优先级

  • id选择器>class选择器>标签选择器>通配符
  • 同类样式多次引用,样式列表中后定义的优先级高。
    注意:链入外部样式表于内部样式表之间的优先级取决于所处位置的先后。最后定义优先级最高。(就近原则)
样式表的优先级 根据权值决定

同一样式表中

  • 权值相同
    就近原则
  • 权值不同
    权值越高,就使用哪个。
image.png
权值计算示例
image.png

!important规则 优先级最高

  • 可调整样式规则的优先级
  • 添加在样式规则之后,中间用空格隔开
div{color:red  !important}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容