共计 1568 个字符，预计需要花费 4 分钟才能阅读完成。
1. 继承性
作用: 给父元素设置一些属性, 子元素也能够应用, 这个咱们就称之为继承性
** 留神点:**
1. 并不是所有的属性都能够继承, 只有以 color/font-/text-/line- 结尾的属性才能够继承
2. 在 CSS 的继承中不仅仅是儿子能够继承, 只有是后辈都能够继承
3. 继承性中的特殊性
3.1 a 标签的文字色彩和下划线是不能继承的，当做子元素，款式批改要在子元素解决
3.2 h 标签的文字大小是不能继承的，当做子元素
** 利用场景:**
个别用于设置网页上的一些共性信息, 例如网页的文字色彩, 字体, 文字大小等内容 2. 层叠性
概念： 层叠性是指当一个标签被设置了多个反复的款式的时候，一个属性会笼罩另外一个属性。
作用: 层叠性就是 CSS 解决抵触的一种能力
** 留神点:** 层叠性只有在多个选择器选中 "同一个标签", 而后又设置了 "雷同的属性", 才会产生层叠性
例子：先给 div 设置背景色彩为红色，而后设置背景色彩为粉红色，那么最终色彩可能为红色，也可能为粉红色（显著的两种色彩设置不能并立，所以只为其一，这里没给出确定答案是因为还要思考“优先级”）** 实现准则：** 层叠性次要遵循的准则是就近准则，在不思考优先级的状况下，在多个款式中最终失效的款式是离标签最近的款式。3. 优先级
作用: 当多个选择器选中同一个标签, 并且给同一个标签设置雷同的属性时, 如何层叠就由优先级来确定
优先级：!important> 行内款式 >id 选择器 > 类选择器 > 标签选择器 > 通配符 > 继承
【优先级高的规定会漠视层叠性，漠视就近准则来定义款式。比方定义了!important，即便行内款式离得近，最终失效的还是!important 标注的属性】
3.1 优先级判断的三种形式
1. 间接选中就是指继承
如果是间接选中, 那么就是谁离指标标签比拟近就听谁的
2. 雷同选择器 (间接选中)
如果都是间接选中, 并且都是同类型的选择器, 那么就是谁写在前面就听谁的
3. 不同选择器 (间接选中)
如果都是间接选中, 并且不是雷同类型的选择器, 那么就会依照选择器的优先级来层叠
id> 类 > 标签 > 通配符 > 继承 > 浏览器默认 3.2 优先级之!important
作用: 用于晋升某个间接选中标签的选择器中的某个属性的优先级的, 能够将被指定的属性的优先级晋升为最高
留神点:
1.!important 只能用于间接选中, 不能用于间接选中
2. 通配符选择器选中的标签也是间接选中的
3.!important 只能晋升被指定的属性的优先级, 其它的属性的优先级不会被晋升
4.!important 必须写在属性值得分号后面
5.!important 后面的感叹号不能省略
6. 然而个别倡议不应用 "!important", 因为它会扭转级联的工作形式，使得调试变得艰难。3.3 优先级权重
作用: 当多个选择器混合在一起应用时, 咱们能够通过计算权重来判断谁的优先级最高
- 权重的计算规定
内联款式，如: style="..."，权值为 1000。 ID 选择器，如：#content，权值为 0100。 类，伪类、属性选择器，如.content，权值为 0010。 标签选择器、伪元素选择器，如 div p，权值为 0001。 通配符、复合选择器（+、>、~ 等）、否定伪类（：not）没有影响，权值为 0000。 继承的款式没有权值
- 首先先计算选择器中有多少个 id, id 多的选择器优先级最高
- 如果 id 的个数一样, 那么再看类名的个数, 类名个数多的优先级最高
- 如果类名的个数一样, 那么再看标签名称的个数, 标签名称个数多的优先级最高
- 如果 id 个数一样, 类名个数也一样, 标签名称个数也一样, 那么就不会持续往下计算了, 那么此时谁写在前面听谁的
也就是说优先级如果一样, 那么谁写在前面听谁的
留神点:
1. 只有选择器是间接选中标签的才须要计算权重, 否则肯定会听间接选中的选择器的
正文完