在編寫 CSS 文件時,我們有時會使用 p.pk
這樣的選擇器來選取文本中的某些部分進行樣式調整。
p .pk { color: red; font-weight: bold; }
這里的 .pk 就是一個類選擇器,它表示頁面中所有使用了 class="pk" 的 p 標簽都會應用上述樣式。通過添加或刪除該 class 屬性,我們可以輕松地控制文本的樣式。
使用類選擇器的另一個好處是,它可以在不修改 HTML 文檔的情況下更新樣式。例如,如果我們想要將所有 .pk 的文本改為藍色,只需要修改 CSS 文件中的 color 屬性即可。
需要注意的是,類選擇器只能作用于 HTML 元素的 class 屬性,而不能作用于其他屬性。如果想要選取一個元素的其他屬性,需要使用屬性選擇器。
input[type="text"] { border: 1px solid black; }
上述代碼會將所有類型為 text 的 input 元素的邊框變為黑色。在這里,我們使用了屬性選擇器來選取元素的 type 屬性。
總之,選擇器是 CSS 中非常重要的概念,它們為我們提供了選擇頁面元素并應用樣式的方式。學習選擇器的使用,對于編寫出美觀且可維護的 CSS 文件非常重要。