# 05-CSS样式的层叠与继承

# 继承性

继承性直接上结论：

关于文字样式的属性，都具有继承性。这些属性包括：color、 text-开头的、line-开头的、font-开头的。
关于盒子、定位、布局的属性，都不能继承。

# 层叠性

在我们有多个选择器指向同一元素同样属性的时候，CSS 会根据自己的逻辑判断权重等，具体逻辑如下

# 0. 权重计算⭐

对于相同方式的样式表，其选择器排序的 优先级 为：

ID选择器 > 类选择器 > 标签选择器

下面用一些例子说明权重关系：

/* 1个id 1个class 1个标签，权重为 1,1,1 */
#box1 .name1 p{
  color:red
}

/* 2个id 0个class 1个标签，权重为 1,0,1 */
#box1 #box1 p{
  color:red
}

/* 0个id 2个class 2个标签，权重为 0,2,2 */
div.name1 .name2 p{
  color:red
}