[分享]css全局声明优先级

CSS全局声明是一种声明方式，可以应用于页面上的所有元素，优先级在CSS样式表中是最低的，即它们会被其他类型的声明所覆盖。例如，以下是一个全局声明： body { fontsize: 16px; } ...

CSS全局声明是一种声明方式，可以应用于页面上的所有元素，优先级在CSS样式表中是最低的，即它们会被其他类型的声明所覆盖。

例如，以下是一个全局声明：
body {
  font-size: 16px;
}

这意味着页面上所有元素的字体大小将设置为16像素（除非其他声明覆盖它）。

但是，如果出现了另一个局部声明：

h1 {
  font-size: 24px;
}

则h1元素的字体大小将覆盖全局声明，因为它们的优先级更高。

优先级通常被称为源代码中声明的顺序和特殊性、或特殊的“权重”。

!important声明会使特定规则具有最高优先级。例如：

h1 {
  font-size: 24px !important;
}

将优先于所有其他声明，并覆盖任何其他样式，无论它们的来源和专业性。

因此，全局声明作为一种样式声明方式，仅在必要时应使用，以便所有其他元素能够按照预期的方式进行样式。