常見的基礎選擇器有哪些

常見的基礎選擇器有「元素選擇器」、「類別選擇器」、「ID選擇器」、」屬性選擇器「和「偽類選擇器」：1、元素選擇器，透過元素名來選取元素；2、類別選擇器，透過類別名稱來選取元素；3、ID選擇器，透過元素的唯一識別ID來選取元素；4、屬性選擇器，透過元素的屬性值來選取元素； 5.偽類選擇器，透過元素的狀態或位置來選取元素。

本教學作業系統：Windows10系統、Dell G3電腦。

常見的基礎選擇器有以下幾種：

1. 元素選擇器（Element Selector）：透過元素名稱來選取元素。

p {
  color: blue;
}

上面的範例中，所有 

 元素都會被選中，並將文字顏色設為藍色。

2. 類別選擇器（Class Selector）：透過類別名稱來選取元素。

.myClass {
  font-weight: bold;
}

在上面的範例中，所有擁有 class="myClass" 的元素都會被選中，並將字體加粗。

3. ID 選擇器（ID Selector）：透過元素的唯一識別 ID 來選取元素。

#myElement {
  background-color: yellow;
}

上面的範例中，帶有 id="myElement" 的元素會被選中，並將背景顏色設為黃色。

4. 屬性選擇器（Attribute Selector）：透過元素的屬性值來選取元素。

input[type="text"] {
  border: 1px solid gray;
}

上面的範例中，所有 type 屬性值為 "text" 的  元素都會被選中，並且設定邊框樣式。

5. 偽類別選擇器（Pseudo-class Selector）：透過元素的狀態或位置來選取元素。

a:hover {
  color: red;
}

上面的範例中，當滑鼠停留在  元素上時，文字顏色會變成紅色。

這些都是基礎選擇器，透過它們可以選擇不同的元素並為其套用樣式。這些選擇器可以單獨使用，也可以組合使用來更精確地選取目標元素。

以上是常見的基礎選擇器有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！