許多網頁設計師在使用CSS進行樣式設計時，常常會遇到一個問題——CSS類選擇器不起作用，這是為什么呢？下面讓我們來探討一下。
.example {
color: red;
}在上述代碼中，我們定義了一個CSS類選擇器example，并將字體顏色設為紅色。但是，當我們在HTML文檔中使用這個類時，卻發現這段樣式并沒有起作用。
<p class="example">這是一段文本</p>
如上所示，在HTML文檔中，我們使用了example類來為一個段落設置樣式，但實際卻沒有生效。
那么，為什么CSS類選擇器不起作用呢？可能是以下原因：
- 樣式文件沒有被正確引用：請確保在HTML文檔的頭部正確地引入了樣式文件（如下所示）。
- 樣式名拼寫錯誤：請檢查CSS類選擇器的名字是否拼寫正確（大小寫也要注意）。
- 其它樣式具有更高的優先級：如果有多個樣式同時作用于同一個元素，那么具有更高優先級的樣式會被應用?？梢酝ㄟ^在選擇器前添加不同的權重（如下所示）來提高優先級。
p.example { /* 權重為 10 */ color: red; } #main p.example { /* 權重為 20 */ color: blue; }
<head> <link rel="stylesheet" href="style.css"> </head>
總之，當CSS類選擇器不起作用時，我們需要通過檢查樣式文件是否正確引用、選擇器名稱是否正確、以及優先級等方面逐個排查，才能找到問題所在。