层叠性
标签调用类样式:
◆与调用的顺序没有关系
◆与定义的样式顺序有关
层叠性:
◆同一个标签,权重一样并且样式发生了冲突,最后一次定义的样式会将前面定义的样式给覆盖掉
<style>
.one{
color:red
font-size:30px;
}
.two{
color:green
}
</style>
<bodey>
<div class="two one "> //无论哪个类名 在后面 同样式在后面的才是最终显示的颜色
文字
</div>
</body>
继承性
注意:
◆css中的继承性,标签之间必须是嵌套关系。
继承性:子元素在没有设置样式的情况下,受父元素的样式影响。
可继承的属性:
◆文字颜色可以被继承
◆文字大小可以被继承
◆与文字相关的属性都可以被继承
继承的特殊标签:
◆a标签不能直接使用父元素的文字颜色。
◆标题标签不能直接使用父元素中的文字大小。
优先级
标签选择器<类选择器< ID选择器 <行内样式< + !Important
10 100 1000 10000 10000+
优先级特点:
◆继承的权重为0: 如果子元素设置了单独的样式,那么该子元素就不会再受父元素的样式影响了。
◆权重可以叠加
优先级,选择器的优先级越大,权重越高.
例如你设置一个行内样式,也设置了一个选择器的类样式,设置的是同一元素,行内样式就会把选择器的样式覆盖