CSS 選擇器有很多，不同的選擇器的權重和優先級不一樣，對于一個元素，如果存在多個選擇器，那么就需要根據權重來計算其優先級。 權重分為四級，分別是： 1. 代表內聯樣式，如`style="xxx"`，權值為 1000； 2. 代表 ID 選擇器，如`#content`，權值為 100； 3. 代表類、偽類和屬性選擇器，如`.content`、`:hover`、`[attribute]`，權值為 10； 4. 代表元素選擇器和偽元素選擇器，如`div`、`p`，權值為 1。 **需要注意的是：通用選擇器（\*）、子選擇器（>）和相鄰同胞選擇器（+）并不在這四個等級中，所以他們的權值都為 0**。 權重值大的選擇器其優先級也高，相同權重的優先級又遵循后定義覆蓋前面定義的情況。