CSS三大特性

一、 继承性

1、 什么是继承性？

• 作用：给我们的父元素设置一下属性，子元素也可以使用，我们称之为继承性。
• 注意点:

1. 并不是所有的属性都可以继承，只有以color/font-/text-/line开头的属性才可以继承。
2. 在CSS的继承中，不仅仅是儿子可以继承，只要是后代都可以继承。
3. 继承中的特殊性：

1. a 标签的文字颜色和下划线是不能继承的；
2. h 标签中的文字大小是不能继承的；

2.应用场景：

一般用于设置网页上的共性信息，例如网页的文字颜色，字体，文字大小内容。

二、层叠性

1、 什么是层叠性？

• 作用：层叠性就是CSS 处理冲突的一种能力。

• 注意点：

层叠性只有在多个选择器选中同一个标签，然后有设置了相同的属性，才会发生层叠性。

三、优先级

1、 什么是优先级？

• 作用：当多个选择器选中同一个标签，并且给同一个标签设置相同的属性，如果层叠就由优先级来确定。

2、判断优先级的三种方式

2.1 是否是直接选中（间接选中就是指继承），如果是间接选中，那么谁离目标标签比较近，就听谁的。
2.2 是否是相同的选择器，如果都是直接选中，并且都是相同的选择器，那么就是谁写在后面，就听谁的。
2.3 不同选择器，如果就是直接选中，并且不是相同类型的选择器，那么就会按照选择器的优先级来层叠。

优先级如下： id> 类> 标签>通配符>继承>浏览器默认。

四、!important

1、 什么是!important

• 作用： 用于提升某个直接选中标签的选择器中的某个属性的优先级的，可以将指定的属性的优先级提升为最高
• 注意点：

1.! important 只能用于直接选中，不能用于间接选中。

2. 通配符选中的标签，也是直接选中的。
3. !important 只能提升被指定的属性的优先级，其他的属性的优先级不会被提升。
   ! important 必选写在属性值的分号里面；
   其前面的感叹号不能省略。

五、权重

1、 什么是优先级的权重

• 作用：当多个选择器混合一起使用时，我们可以计算权重来判断谁的优先级最高

2、权重的计算规则

• 2.1 首先先计算选择器中有多少个id。id多的选择器优先级最高
• 2.2 如果id 的个数一样，那么在看类名的个数，类名多的优先级高。
• 2.3 如果类名的个数一样，那么再看标签的个数，标签个数多的优先级高。
• 2.4 如果类名、id名，标签名都一样，那么这个时候的优先级由先后顺序决定的，谁在后面，显示谁的。

3、注意点：

只有选择器是直接选中标签的，才会计算权重。