1. 什么是CSS中的权重？
CSS（Cascading Style Sheets）是用于渲染HTML和XML文档的样式表语言。在CSS中，权重是用于确定样式优先级的一个 CSS特性。当多个CSS规则应用于相同的元素时，通过权重可以决定哪一个规则具有高优先级。
每个CSS规则都由三个部分组成，分别是选择器、声明块和属性和值。例如，下面的代码是一个规则：
p {
color: red;
}
在这个规则中，选择器“p”指定了这个规则应用于所有的段落。声明块包含了“color:red”这个声明，这个声明意味着所有的段落应该使用红色的文本颜色。在这个规则中，只有一个声明，但是规则可以包含多个声明。在CSS中，规则也可以包含多个选择器，例如：
h1, h2, h3 {
color: blue;
}
这个规则中包含了三个选择器，它们共用相同的声明块，意味着所有的h1、h2、和h3标题应该使用蓝色的文本颜色。
2. 如何计算CSS权重？
在CSS中，每个规则都有一个权重值，这个值由选择器和它们类型、类别、ID和其他属性的数量和类型决定。当多个规则应用于同一个元素时，它们的权重值将被比较。选择器的权重值越高，它就越能影响元素的样式。
CSS中计算权重的规则如下：
标签选择器，例如p、h1、div等，权重值为1。
类选择器，例如.class，权重值为10，其中class是一个类名。
ID选择器，例如#id，权重值为100，其中id是一个标识符。
内联样式，例如 style="color:red;"，权重值最高，为1000。
当多个选择器应用于同一个元素时，它们的权重值将被累加。例如，下面这个选择器的权重值为11：
p.class {
color: green;
}
这个选择器包含了一个标签选择器和一个类选择器，它们的权重值分别为1和10。
在计算权重值时，只考虑选择器的数量和类型，而不考虑选择器的具体值。例如，下面这个选择器和上面那个选择器的权重值相同，都为11：
.class p {
color: green;
}
因为它们包含了相同数量和类型的选择器。
2.1 权重值比较
当多个规则应用于同一个元素时，CSS将比较它们的权重，以确定应该使用哪些样式。选择器的权重值越高，规则就越优先。
当计算出两个规则的权重相等时，后面的规则会覆盖前面的规则。例如，下面这个规则：
p {
color: red;
}
p {
color: blue;
}
所有的段落将会使用蓝色的文本颜色，因为后面的规则覆盖了前面的规则。
2.2 !important关键字
!important是CSS中一个特殊的关键字，用于表示这个样式规则是最重要的，应该覆盖其他规则。使用!important会让样式更加具有优先级，即使这些规则的选择器权重比较低。
!important关键字应该被谨慎使用，因为它可能会导致样式难以管理和修改。例如，下面这个规则：
p {
color: red !important;
}
p {
color: blue;
}
所有的段落将会使用红色的文本颜色，因为红色样式规则使用了!important关键字，优先级更高。