CSS層疊樣式表中，存在兩種優(yōu)先級(jí)：元素優(yōu)先級(jí)和樣式優(yōu)先級(jí)。兩種優(yōu)先級(jí)非常重要，決定了哪個(gè)樣式會(huì)被顯示。

.elements {
color: red; /* 元素優(yōu)先級(jí)優(yōu)先 */
}
#id {
color: blue;
}

在這個(gè)例子中，如果我們將紅色樣式指定為具有更高的優(yōu)先級(jí)，則紅色將成為文本的顏色。

#id {
color: blue; /* 樣式優(yōu)先級(jí)優(yōu)先 */
}
#id {
color: red;
}

在這個(gè)例子中，由于第二個(gè)規(guī)則的樣式優(yōu)先級(jí)更高，藍(lán)色將成為文本的顏色。