CSS的三大特性记录

CSS三大特性包括继承性、层叠性、优先级。

继承性表示没有直接选中标签，通过间接选中我们的目标标签，比如为 ul 里面的 li 里面的 p 标签设置文本颜色，那么直接在 ul 上设置文本颜色，也能够实现 p 标签中文本颜色的改变。能够通过继承改变样式的属性有 color、font开头的属性、text开头的属性、line开头的属性。

但是也有两个是特殊的，比如超链接/锚点<a>标签，a 标签本身有自己的下划线，它不受继承性样式的影响修改其下划线，要修改下划线必须通过直接选中来修改。

还有一个就是<hn>（如：<h1><h2>……），标题标签本身有字体大小的设置，所以继承性也无法改变其字体大小，同样要修改字体大小的话要通过直接选中来修改。

层叠性在网页中非常常见，可以有标签拥有样式，可以有类选择器拥有样式，还可以有 id 选择器拥有样式，而三个样式同时存在于一个标签中，这样来决定当前标签拥有的样式，而至于最终这个标签会以什么样式存在，就涉及到三大特性的最后一样。

优先级关系，优先级的判断有多种情况。

当标签中拥有 id 选择器，又拥有 类选择器时，那么优先使用 id选择器 的样式。如果没有 id选择器，则使用 类选择器。如果标签中既没有 id选择器，又没有 类选择器，那么就使用标签的样式。（主要就是：谁的作用域小使用谁的样式）

当标签拥有多个样式表来为其设置样式时，我们在样式表中进行判断。如果都是间接选中的，谁的作用域越小使用谁的样式。如果都是直接选中的，我们需要判断权重问题。

第一点，谁的 id 越多，使用谁的样式。第二点，如果 id 一样多，那么看谁的 类 比较多，类多的使用其样式。第三点，如果 id 一样多，类也一样多，那么看谁的标签比较多就使用其样式。没 id 的直接看 类，如果有 id 没类的，直接看标签。

如果 id 一样多，类也一样多，标签也一样多，那么谁在样式表靠后的位置，就使用谁的样式。

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

直接选中时，在样式属性的属性值后面，分号的前面加上 !important ，可以为属性添加最高的优先级，这个优先级高于所有的选择器。