css基础(1)

!important
注意:虽然improtant 是一个变数,但是他无法继承,

1.png

下面是继承形式,虽然设置body 颜色,但是在行内样式中不能继承body的颜色,如下图:

important 继承.png

计算组合选择器的权重(优先级):
算法:
(0,0,0,0)
第一个0 improtant 的个数
第二个0 id选择器个数
第三个0 类选择器个数
第四个0 标签选择器个数.

比较:
先从第一个0比较,如果第一个0大,那么说明这个选择器的权重高,如果第一个相同,比较第二个,以此类推.

3.png

权重是优先级的算法, 优先级是层叠表现。

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 1.CSS 认识 层叠样式表 Cascading Style Sheets 是用来规定HTML文档的呈现形式,简单...
    陈皮的柚子怪阅读 502评论 0 2
  • css:层叠样式表,有叫级联样式表。css分为内联方式,内部样式,外部样式。内联方式:只需要将分号隔开的一个或者多...
    An随心阅读 287评论 0 0
  • 结构 两种方法使用 RGB 值 如果值为若干单词,则要给值加引号 选择器的分组:用逗号分开 继承及其问题 子元素从...
    从此以后dapeng阅读 597评论 0 0
  • 本周在熊逸老师的专栏里介绍了“礼记”。经过了几期的解说,已经知道想要阅读这些古代的经典书籍,必须先了解当时的时代环...
    路上的威利阅读 216评论 0 2