CSS（層疊樣式表）提供了多種選擇器，用于選擇要應(yīng)用樣式的 HTML 元素。

元素選擇器（Element Selector）：?通過元素名稱選擇 HTML 元素。

p {

? font-size: 16px;

? color: #333;

}

類選擇器（Class Selector）：?類選擇器通過" . "后跟類名來選取元素。同一個類名可以應(yīng)用于多個元素，使得樣式重用變得非常簡便。

.button {

? background-color: #007BFF;

? color: white;

? padding: 10px 20px;

? border: none;

? border-radius: 5px;

}

ID 選擇器（ID Selector）：?通過元素的唯一標(biāo)識符（ID）選擇 HTML 元素。

ID 選擇器以?#?開頭，后面跟著 ID 名稱。

#container {

? width: 200px;

}

屬性選擇器（Attribute Selector）：?通過元素的屬性選擇 HTML 元素。屬性選擇器可以根據(jù)屬性名和屬性值進(jìn)行選擇。

如下代碼，input[type="text"]?選擇器將選擇所有?type?屬性為??"text"??的input元素。

input[type="text"] {

? border: 1px solid gray;

}

后代選擇器（Descendant Selector）：?通過指定元素的后代關(guān)系選擇 HTML 元素。 后代選擇器使用空格分隔元素名稱。 如下代碼，div p 選擇器將選擇所有在div元素內(nèi)的p元素。

? div p {

? font-weight: bold;

}