css選擇器優先級從高到低：行內樣式id選擇器類選擇器標簽選擇器通用選擇器
CSS 選擇器優先級從高到低
CSS 選擇器優先級決定了多個選擇器應用到 HTML 元素時，哪個選擇器將生效。優先級從高到低，按照如下順序：
1. 行內樣式
直接在 HTML 元素中指定的樣式，優先級最高。
2. ID 選擇器
使用 “#” 符號指定元素的 ID，優先級僅次于行內樣式。
3. 類選擇器
使用 “.” 符號指定元素的類，優先級低于 ID 選擇器。
4. 標簽選擇器
指定 HTML 元素的標簽名稱，優先級低于類選擇器。
5. 通用選擇器
使用 “*” 匹配任何元素，優先級最低。
示例：
考慮以下 HTML 代碼和 CSS 樣式：
<code class="html"><p id="my-paragraph" class="important">This is a paragraph.</p></code>
登錄后復制
<code class="css">/* 行內樣式 */
#my-paragraph {
color: red;
}
/* 類選擇器 */
.important {
font-weight: bold;
}
/* 標簽選擇器 */
p {
font-size: 16px;
}</code>
登錄后復制
在這個示例中，”my-paragraph” 元素的行內樣式優先級最高，因此它將覆蓋其他所有樣式。這意味著該段落文本將以紅色顯示。其它的樣式將根據它們的優先級次序應用：
應用類選擇器，使文本加粗。
應用標簽選擇器，設置文本大小為 16px。
