在CSS中，當(dāng)一個(gè)元素應(yīng)用了多個(gè)樣式時(shí)，就需要用到CSS優(yōu)先級排列來確定它所應(yīng)用的最終樣式。

CSS樣式表中的選擇器都有不同的優(yōu)先級，用來決定樣式的應(yīng)用順序。CSS優(yōu)先級是通過規(guī)則的特定組成部分的數(shù)量和類型來判斷的，這個(gè)規(guī)則通常被稱為“優(yōu)先級值”。

以下是CSS優(yōu)先級的排序規(guī)則：

!important >行內(nèi)樣式 >ID選擇器 >類選擇器/屬性選擇器/偽類選擇器 >標(biāo)簽選擇器/偽元素選擇器 >通用選擇器

!important：有這個(gè)聲明的樣式一定會被應(yīng)用。它是最高優(yōu)先級的。

行內(nèi)樣式：用style屬性添加的樣式具有更高的優(yōu)先級。它直接作用在元素上，沒有其他選擇器可以覆蓋它。

ID選擇器：通過id屬性選擇元素。它具有比類和屬性選擇器更高的優(yōu)先級。

類選擇器、屬性選擇器和偽類選擇器：通過類名、屬性和偽類選擇元素。它們的優(yōu)先級相同。

標(biāo)簽選擇器和偽元素選擇器：通過元素名稱和偽元素選擇元素。它們的優(yōu)先級相同。

通用選擇器：通過*選擇所有元素。

當(dāng)兩個(gè)選擇器具有相同的優(yōu)先級時(shí)，則根據(jù)它們在樣式表中出現(xiàn)的位置，后出現(xiàn)的樣式覆蓋先出現(xiàn)的樣式。

當(dāng)你使用不同類型的選擇器時(shí)，一定要牢記CSS優(yōu)先級的規(guī)則，以便更好地掌握CSS樣式的應(yīng)用順序。