在前面的博客中已经列出了1.引入方式；2.基本选择器；3.高级选择器；4.属性选择器；5.伪类选择器。
接下来我要把剩下的css知识点全写完！！！
7．Css的继承性和层叠性
Css有两大特性：继承性和层叠性
继承性
对父级设置的一些属性，子级继承了父级的属性；比如说设置了div的一些属性，没有设置p标签，p标签也具备父级的一些属性
可以继承的属性：color font-* text-* line-* ,主要是文本机的标签元素。
像一些合资元素属性，定位的元素（浮动，绝对定位，固定定位）不能继承
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
color: blue;
background: transparent;
}
div{
color: red;
font-size: 40px;
background: green;
width: 300px;
}
</style>
</head>
<body>
<!-- 有一些属性是可以继承下来 ： color 、 font-*、 text-*、line-* 。主要是文本级的标签元素。
但是像一些盒子元素属性，定位的元素（浮动，绝对定位，固定定位）不能继承。 -->
<div>
<p>胡鹏</p>
</div>
</body>
</html>
显示效果
层叠性
层叠性就是谁权重大，就显示谁的属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
/*1 0 0*/
#box{
color: green;
}
/*0 1 0*/
.container{
color: yellow;
}
/*0 0 1*/
p{
color: red;
}
</style>
</head>
<body>
<p id="box" class="container">
赵云是什么颜色
</p>
</body>
</html>
结果显示
如果权重一样的话那就以后设置的属性为主
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#box2 .wrap3 p{
color: yellow;
}
#box1 .wrap2 p{
color: red;
}
</style>
</head>
<body>
<!-- 当权重一样的 后来者居中 -->
<div id=‘box1‘ class="wrap1">
<div id="box2" class="wrap2">
<div id="box3" class="wrap3">
<p>再来猜猜我是什么颜色？</p>
</div>
</div>
</div>
</body>
</html>
总结：
1.先看标签元素有没有被选中，如果选中了，就数数
（id,class,标签的数量）
谁的权重大
就显示谁的属性。权重一样大，后来者居上
2.如果没有被选中标签元素，权重为0。
如果属性都是被继承下来的
权重都是0 。权重都是0:"就近原则" ：
谁描述的近，就显示谁的属性
继承性和层叠性
原文：https://www.cnblogs.com/clcl/p/9084812.html
