層疊樣式表（CSS）是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。它不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。CSS能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控

層疊樣式表（CSS）是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。它不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。CSS能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，并具有對網(wǎng)頁對象和模型樣式編輯的能力。

當一個標簽同時有多個選擇器作用時，那個選擇器會生效呢？這就需要引入選擇器權(quán)重的概念了。選擇器權(quán)重決定了樣式規(guī)則的優(yōu)先級，高權(quán)重的選擇器會覆蓋低權(quán)重的選擇器。

CSS選擇器權(quán)重值

在CSS中，每個選擇器都被賦予了一個權(quán)重值，用于衡量其優(yōu)先級。下面是常見的選擇器權(quán)重值：

1. 行內(nèi)樣式：權(quán)重值為1000。行內(nèi)樣式是直接寫在HTML標簽的style屬性中的樣式，擁有最高的優(yōu)先級。

2. ID選擇器：權(quán)重值為100。ID選擇器通過HTML標簽的id屬性進行選取，具有較高的權(quán)重。

3. 類選擇器：權(quán)重值為10。類選擇器通過HTML標簽的class屬性進行選取，權(quán)重次于ID選擇器。

4. 標簽選擇器：權(quán)重值為1。標簽選擇器通過HTML標簽名進行選取，是最常見的選擇器之一。

5. 通用選擇器：權(quán)重值為0。通用選擇器是一個星號(*)符號，能夠匹配任何HTML元素，是權(quán)重最低的選擇器。

當多個選擇器作用于同一個元素時，根據(jù)選擇器權(quán)重值的大小來決定哪個樣式規(guī)則會生效。如果存在多個具有相同權(quán)重值的選擇器，后面出現(xiàn)的選擇器會覆蓋前面的選擇器。

示例代碼及運行結(jié)果

下面是一些示例代碼，以及運行結(jié)果來說明選擇器權(quán)重的應用：

```html

```

上述代碼中，我們定義了一個類選擇器 `.container`、一個ID選擇器 `title` 和一個標簽選擇器 `h2`，并且還使用了一個組合選擇器 `.container title`。各個選擇器設(shè)置了不同的顏色樣式。

根據(jù)選擇器權(quán)重的規(guī)則，組合選擇器 `.container title` 的權(quán)重值為110，所以它的樣式優(yōu)先級最高，文本顯示為黃色。而單獨的類選擇器 `.container` 和 ID選擇器 `title` 的權(quán)重值分別為10和100，所以它們的樣式優(yōu)先級較低。標簽選擇器 `h2` 的權(quán)重值為1，所以它的樣式優(yōu)先級最低，被組合選擇器覆蓋，文本沒有變綠。

通過這個例子，我們可以看到選擇器權(quán)重的概念對于確定樣式優(yōu)先級是非常重要的。了解選擇器權(quán)重的規(guī)則能夠幫助我們更好地控制和調(diào)整頁面布局和樣式。