在CSS中,基礎(chǔ)選擇器可以作為元素選擇器的補充,可以選擇特定的元素或元素類型。以下是幾種常見的基礎(chǔ)選擇器:
1. 類型選擇器(Element Selector):使用元素名稱作為選擇器。
例如:p {
color: red;
}
以上代碼表示將p元素的文本顏色設(shè)置為紅色。
2. ID選擇器(ID Selector):使用元素的id屬性作為選擇器。
例如:#header {
height: 100px;
}
以上代碼表示將id為header的元素高度設(shè)置為100px。
3. 類選擇器(Class Selector):使用元素的class屬性作為選擇器。
例如:.highlight {
background-color: yellow;
}
以上代碼表示將所有class為highlight的元素背景顏色設(shè)置為黃色。
4. 屬性選擇器(Attribute Selector):使用元素的屬性作為選擇器。
例如:input[type="text"] {
border: 1px solid black;
}
以上代碼表示將所有type屬性為text的input元素的邊框設(shè)置為1px實心黑色。
基礎(chǔ)選擇器可以使用組合選擇器進行更精細的選擇,例如:
p.highlight {
background-color: yellow;
}
以上代碼表示將class為highlight的p元素背景顏色設(shè)置為黃色。
總之,熟練掌握基礎(chǔ)選擇器可以快速編寫出漂亮的網(wǎng)頁樣式。