css三中方法的优先级

CSS中的三种优先级指的是内联样式、ID选择器和类选择器的优先级，它们决定了同一元素应用不同样式时哪种样式会被优先应用。

优先级的计算方式是通过指定的选择器中ID选择器、类选择器和标签选择器的数量来确定的。其中ID选择器的优先级最高，其次是类选择器，再其次是标签选择器。如果有多个相同优先级的选择器，后面指定的选择器优先级高于前面的。

以下是三种优先级的具体解释：

内联样式（权值值为1,0,0,0）：
<p style="color: red;">这是一段红色字体。</p>

ID选择器（权值值为0,1,0,0）：
#title {
    font-size: 20px;
}

类选择器（权值值为0,0,1,0）：
.btn-primary {
    background-color: blue;
}

标签选择器（权值值为0,0,0,1）：
p {
    color: green;
} 

当样式应用于同一元素时，ID选择器的样式会被优先应用，即使在声明顺序中ID选择器在后面。例如：

<p class="btn-primary" id="title" style="font-size: 24px;">这是一个示例。</p> 

上面代码中，ID选择器#title的权值值为0,1,0,0，比内联样式和类选择器都高，所以font-size: 24px;是最终应用的样式。

总之，了解CSS的三种优先级非常重要，可以帮助您编写更准确的样式规则。