如何理解css的层叠性?

css意思为层叠样式表,那么该如何理解css的层叠性呢?跟随本文一起来看看吧。

css的层叠性有三种理解方式:

一:层叠性指的是样式的优先级,当产生冲突时以优先级高的为准。

(1)开发者样式>读者样式>浏览器样式(除非使用!important标记 )

(2)id选择器>(伪)类选择器>标签选择器

(3)权重相同时取后面定义的样式(相关课程推荐:css视频教程

二:CSS层叠性是指CSS样式在针对同一元素配置同一属性时,依据层叠规则(权重)来处理冲突,选择应用权重高的CSS选择器所指定的属性,一般也被描述为权重高的覆盖权重低的,因此也称作层叠。

每个CSS选择器都会有一个权重,当两个选择器同时配置同一元素的同一属性时(比如一个设置color:red,另一个color:black),就会产生冲突,而解决冲突的方案就是CSS选择器的权重,权重高的来覆盖权重低的。

三:层叠性指的是上级标签的样式会自动继承到其所有下级标签,如针对<body>设置的标签选择器所设的字体样式会自动应用到<body>下的<p>中,除非<p>重写了相关样式将其覆盖。

本文来自css3答疑栏目,欢迎学习!

以上就是如何理解css的层叠性?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑