在CSS中，应用于元素的样式的重要性水平受特殊性的控制。它确定当将多个规则应用于同一元素时，确定了哪些CSS规则集优先。

这里有一些适用的示例：

内联样式：这些具有最高特异性，因此具有最高优先级。它们直接应用于其样式属性中的元素。

ID选择器：这些具有比类和元素选择器更高的特异性。但是，如果使用ID来样式多个元素，请务必记住，在整个页面上保留独特的ID是一个好习惯。

选择器类别：它们比ID不那么具体，但比元素选择器更具体。您可以将同一类应用于多个元素，并将类似样式应用于所有类别。

元素选择器：它们是最不具体的。这些影响相同类型的所有元素（例如所有段落，所有标题（P，H1）等），并且很容易受到更具体规则的影响。

当将多种样式应用于同一元素并且存在冲突时，具有最高特异性的规则将占上风。如果两个或多个规则具有相同的特异性，则将应用代码中的最后一个规则。

重要的是要了解这些特异性层次结构，以便您可以控制和预测如何在网页上应用样式。

让我们看代码

<style>
#id-selector {
  color: blue;
}
.selector-class {
  color: green;
}
</style>

<div id="id-selector" class="selector-class">This div has an ID and a class
</div>

您认为Div绘制了什么颜色？好吧，蓝色，因为ID-Selector具有更大的特异性。

如果将内联样式放入代码中，它将采用我们投入的值并忽略其他值。