CSS 選擇器,是指針對不同元素或元素組的特定樣式選擇符。CSS 選擇器可以選擇 HTML 上不同的標記或標記的特定類型、屬性或位置。CSS 選擇器分為很多種類型。
最基礎的 CSS 選擇器是元素選擇器,如下:
p { color: red; }
這個樣式表會選擇 HTML 中所有的<p>
元素并將它們的文字顏色變成紅色。
類選擇器是 CSS 中常見、常用的多種選擇器之一,它與 HTML 中的 class 屬性組合使用。例如:
.red { color: red; }
這個樣式表會選擇 HTML 中所有使用了class=”red”
的元素,并將它們的文字顏色變成紅色。
還有一種非常重要的選擇器是 ID 選擇器,它能夠針對唯一的元素進行樣式選擇。例如:
#top { border: 1px solid black; }
這個樣式表會針對 HTML 中 ID 屬性的值為“top”的元素進行樣式操作,并為它們添加具有黑色實心邊框的1像素寬線框。
CSS 選擇器的轉換還有很多,包括屬性選擇器、層次選擇器、偽類選擇器等。通過運用不同的選擇器,可以輕松地在 HTML 頁面中修改樣式并且使得不同元素擁有獨特的樣式效果。