HTML優先級設置

當我們在HTML中設置樣式時，可能會出現多個樣式同時作用在一個元素上的情況，這時就需要了解HTML中優先級的設置。

HTML中的優先級設置遵循以下規則：

• 內聯樣式 >內部樣式 >外部樣式 >瀏覽器默認樣式
• 具有同一優先級的樣式，后聲明的樣式會覆蓋先聲明的樣式
• 權重越大的樣式，優先級越高
• !important聲明的樣式具有最高優先級

優先級的權重由選擇器的類型、數量和特殊字符（如！important）等決定。

以下是選擇器類型的權重表：

/* 權重為0 */
元素選擇器
/* 權重為1 */
類選擇器、偽類選擇器、屬性選擇器
/* 權重為10 */
ID選擇器
/* 權重為100 */
!important聲明

因此，當樣式沖突時，可以通過增加選擇器類型或特殊字符來提高優先級：

/* 權重為1 */
p {
color: red;
}
/* 權重為11 */
.container p {
color: blue;
}
/* 權重為101 */
p.special {
color: green !important;
}

以上就是HTML中優先級的設置，我們在設置樣式時要注意權重的差異，避免出現樣式被覆蓋的情況。