CSS 三大特性

CSS 三大特性

继承性

给父元素设置一些属性子元素也可以使用
注意点：

并不是所有的属性都可以继承只有以color/font/text/line开头的属性才可以拥有继承性

a标签的文字颜色和下划线不能继承
h标签的文字大小不能继承

用处：

通过给body设置属性让全网页通用

<style>
div {
color:red;
}
</style>
<div>
<p>文</p>  <!--变红-->
</div>

层叠性

同一标签被多个选择器选中某一个相同属性，优先级高的设置的属性会覆盖掉之优先级低的设置的属性

<style>
p {
color:blue;
}
#p1 {
color:red;
}
</style>
<div>
<p id="p1">文</p>  <!--变红-->
</div>

优先级

优先级判断的三种方式

• 是否是直接选中(简介选中就是指继承)
  • 直接选中->间接选中(距离目标标签近)->间接选中(距离目标标签远)
• 是否是相同选择器
  • 谁写在后边选择谁
• 不同选择器
  • id->类->标签->通配符->继承->浏览器默认