CSS(层叠样式表)之优先级

CSS层叠性

样式冲突,遵循的原则是就近原则。哪个样式离着结构近,就执行哪个样式。

样式不冲突,不会层叠

CSS继承性

子标签会继承父标签的某些样式,如文本颜色和字号等。

恰当使用继承性可以简化代码。

子元素可以继承父元素的样式,(text- ,font- ,line-  )这些元素开头的都可以继承,以及color属性。

CSS优先级


权重叠加例子

注意:

级别之间是没有进制的,标签选择器的级别再叠加也超不过类选择器的级别。

继承的权重为0

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,863评论 1 92
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...
    百作不死的学习阅读 1,243评论 0 7
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,911评论 1 45
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,272评论 0 40
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 2,398评论 0 7