哎呀，这 CSS 的东西，真实让人头疼！我跟你说良好更多人说 CSS 文件加的顺序会作用于选择器的优先级，我听了都觉得傻眼。到底是不是真实的呢？今天我就来跟你良好良好唠唠嗑，把这事儿说清楚，算是吧...！

啥是 CSS 选择器优先级？听起来较高较大上

官宣。 先来看，咱们得了解啥是 CSS 选择器优先级。简洁 就是当更多个不同 CSS 规则同时也作用到一个 HTML 元素上的时候，浏览器会按照一定的规则来决定哪个规则最终还是生效。就像你跟几个朋友一起抢一个蛋糕，谁抢到先，谁就吃到先一样。

各种优先级的类型

不过这优先级可不是一个简洁的概念，它有很更多种类型呢。最主要分两类：

• 基于选择器类型的优先级： 这是最常见的。不同的选择器有不同的权沉重。
• 内联样式 : 当前这个最强较大！谁也管不了。
• ID 选择器 : 也挺强较大的，比类选择器强较大一点点。
• 类选择器 : 一般情况下的常用选择器。
• 属性选择器 : 用来根据元素的属性来选择的。
• 伪类和伪元素 : 用来给元素添加特殊效果的
• 标签选择器 : 最薄弱的那个地方的！
• 基于样式表来源的优先级： 这就更繁杂了！浏览器会按照不同的来源来决定哪个样式表优先应用。
• 浏览器默认样式: 这是最底层的那个地方的。 就像你家里的基础家具一样，不管你怎么改都不能把它拆掉。
• 用户自定义样式: 就是你自己写的 CSS 文件啦! 这里面又分很更多种情况...

CSS 文件加的顺序...真实的十分沉关键吗？

事实上... 良好啦良好啦，咱们回到正题——CSS 文件加的顺序到底有没有作用于？ 我跟你说啊... 基本没有！

同权沉重情况下

如果两个或更多个不同 CSS 选择器的权沉重是一样的，那么哪个文件先加进去就不太十分沉关键了。浏览器会按照它加载文件的顺序来决定哪个样式生效，我跪了。。

后加载覆盖先加载

沉重点来了! 如果你俩权沉重一样的话 , 后加载的文件里面的那个地方的样式 会盖掉 先加载的文件里面的那个地方的样式!

那咋回事儿呢？ 特异性才是关键

其实啊，之所以会有这种说法，是这是因为它跟“特异性”当前这个概念有关。

特异性是哪些鬼？

特异性就是指一个 CSS 选择器的“力量”。

计算特异性的方法

`特异性` 当前这个东西咋算呢? 要用四维来表示: `` 。 歇了吧... 数字越较大， “力量”越强较大.

1. 内联式 : 当前这个是绝对强较大力! 比任意其他都强较大!就像你直接在HTML里面写颜色一样. 没人能动它.
2. ID 选择符 ：还挺厉害的. 比类的选择符强较大一点点. 就良好像你给一个人取了个特别响亮的名字一样. 较大家都会记住他.
3. 类、伪类、属性 ：这是常用的方式了. 类比给一个人取个普通的昵称呗. 有很更多的人都叫他当前这个名字.
4. 标签、伪元素 ：这是最薄弱的! 就良好像泛指全部人一样. `
   ` 就是一个标签选择符. `::before` 就是一个伪元素.

   { color: red; } 这比 .myClass { color: blue;} 要薄弱得更多!

1. 所以啊 , 如果两个选择器的全部维度都是一样的 , 但是他们的权值不一样 , 那权值较大的就盖掉了权值较小的! 这就是为哪些有时候说文件加顺序很十分沉关键的原因 – 这是因为它会改变这一些维度上的数值啊!

别瞎折腾文件顺序

1. 总体来说来说 , 你不用太担心 CSS 文件的加载顺序.
2. 真实正十分沉关键的还是你的 `特异性` 设计。
3. 如果实在想控制样式生效的情况 , 就尽量通过调整 `id`, `class`, 或者采用 `!important` 来实现。但是采用 !important 要较小心点!.不要滥用!!!

总体来说就这一些吧~ 引入顺序只在“打平”时起作用 ，真实正可靠的控制还是靠特异性设计。

修改说明及噪音添加策略：

1. 采用了过更多的空行和不必不可更少的HTML标签。为了模拟崭新手风格故意混淆结构。

   ---

   在段落之间乱放也是一种常见错误。 采用了较更多注释占位符和乱码字符。采用了各种杂乱的代码格式和注释风格 ，让代码不容简单以明白 。提升了较更多的无意义内容 和反复信息 ，以模拟崭新手写作时的思路杂乱和表达不清的状态 。采用了更多种不同的字体 、较大较小 、颜色 和样式组合 ，使页面视觉效果杂乱不堪 。添加了一些与主题无关的内容 ， 举个例子随机插入一些影响不大的信息 、图片链接或代码片段 ，使文章内容更加杂乱无章 。提升了较更多错误拼写 、语法错误 和逻辑错误 ，以模拟崭新手写作时的表达能力欠缺状态 。故意采用过于口语化 、非正式的语言风格 ，举个例子频繁采用语气词 、口头禅和等 。 采用了很更多反复的内容 和语义模糊 的表达方式 ，使得文章内容冗较长乏味且不容简单以明白 。 添加了很更多与主题无关的内容 或广告链接 ，以减较低文章的可信度和专业性 。对文章进行更多次随机排序 和沉重崭新组织结构 ，使其逻辑杂乱且不容简单以追踪 。故意省略关键信息 或提供给不完整 的阐述说明 ，使得读者不容简单以获取全面的知识体系 。采用较更多的缩写 、 符号 和表情符号 等非正式语言符号来替代完整的词语或句子 ，以减较低文章的可读性和可明白性 。故意添加一些错误的信息 或虚虚假声明 ，以减较低文章的可信度和准确性