189 8069 5689
本篇内容主要讲解“css3如何改变层叠性”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css3如何改变层叠性”吧!
10年积累的做网站、网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有建瓯免费网站建设让你可以放心的选择与我们合作。
在css3中，可以利用“!important”规则来改变层叠性，该规则用于增加指定样式的权重，进而改变样式的层叠性，语法为“选择器 {属性: 值 !important;}”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
什么是层叠性？
层叠性就是浏览器处理冲突的一个特性，如果一个属性通过多个选择器设置到同一个元素上面，那么这个时候就会只有一个选择器起作用，而其他的选择器都将被层叠掉。
定义：相同选择器设置相同的样式，此时其中一个样式会覆盖另一个冲突的样式。
作用：解决样式冲突的问题。
层叠性原则：当发生样式冲突时，遵循就近原则。
CSS层叠性的体现：
1：样式无冲突
/* 多个选择器选择同一个元素，样式并无冲突时 */
.box_one{
width:100px;
height:100px;
}
.box_two{
background:red;
}
以上代码中，样式代码并无冲突，两个选择器中的所有样式都叠加到了元素div上，div最终呈现的是一个红色的，宽高度大小为100px的容器。
2：样式有冲突
样式有冲突，同一级别不受优先级影响时
.box_one{
width:100px;
height:100px;
}
.box_two{
width:200px;
background:red;
}
以上代码中，在同级别时（同个元素，同是class定义选择器名称），样式代码出现冲突，两个选择器中出现同一条width属性，则以CSS代码中最后出现的那条样式为准，div最终呈现的是一个width为200px，height为100px，红色的容器。
样式有冲突，不同级别受优先级（权重）的影响时
CSS规定基本选择器的优先级从低到高排序为：元素（标记）样式 < 类别（class）样式 < ID样式 < 行内样式 < !important。
那么css3哪个属性改变层叠性
在css3中，可以利用“!important”规则来改变层叠性。
CSS 中的 !important 规则用于增加样式的权重。
!important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。
