css3《div》优先级

当使用CSS来设置网页的样式时，优先级是一个非常重要的概念。在 Cascading Style Sheets （层叠样式表）中，CSS选择器根据它们的权重来确定哪些规则应该应用于元素。在本文中，我们将深入了解CSS3中各种选择器的优先级，并探讨如何处理具有相同优先级的选择器。

CSS3中，<div>元素也是一种选择器。因此，当使用<div>元素来设置样式时，它的优先级将被与其它CSS选择器进行比较。

div {
   color: red;
}

在CSS中，选择器的优先级可以通过以下方式进行排序：

• !important声明
• ID选择器
• 类选择器
• 类型选择器（例如：div、span等）
• 通用选择器（*）

当两个或多个选择器都应用于同一个元素时，则选择器的优先级由它们的权重决定。例如，当一个元素同时有<div class="red">和<div id="blue">这两个选择器时，<div id="blue">的优先级将比<div class="red">高。

div.red {
   color: red;
}

div#blue {
   color: blue;
}

此外，当同一选择器的多个声明具有相同的优先级时，它们的顺序将决定哪个声明将应用于该元素。例如，在以下代码中，p元素的颜色将是绿色，因为它是最后一个具有相同优先级的声明。

p {
   color: blue;
   color: green;
}

在CSS3中，选择器的优先级可以通过多种级别来计算。如果您想深入了解CSS优先级的详细计算方法，请参考CSS规范。

总的来说，当使用<div>元素来设置样式时，它的优先级与其它CSS选择器一样会受到影响。在选择器具有相同优先级的情况下，后申明的样式会覆盖先申明的样式。