CSS選擇器是用于選擇文檔中特定元素的語法,它可以根據(jù)特定條件選擇所需的元素。以下是CSS選擇器的一些基本規(guī)則:
1. 元素選擇器 p { font-size: 16px; } 該選擇器會選擇所有的段落元素,并將文本大小設(shè)置為16px。 2. ID選擇器 #header { background-color: #333; } 該選擇器會選擇具有id屬性值為“header”的元素,并將背景顏色設(shè)置為#333。 3. 類別選擇器 .intro { text-align: center; } 該選擇器會選擇具有class屬性值為“intro”的元素,并將文本居中對齊。 4. 屬性選擇器 [type="text"] { color: red; } 該選擇器會選擇所有type屬性值為“text”的元素,并將文本顏色設(shè)置為紅色。 5. 組合選擇器 div p { margin-top: 10px; } 該選擇器會選擇所有位于一個(gè)div元素內(nèi)的段落元素,并將上外邊距設(shè)置為10px。 6. 群組選擇器 h1, h2, h3 { font-weight: bold; } 該選擇器會選擇所有的h1、h2和h3元素,并將文本加粗。 7. 偽類選擇器 a:hover { color: blue; } 該選擇器會選擇所有當(dāng)鼠標(biāo)懸停在鏈接上時(shí)的a元素,并將文本顏色設(shè)置為藍(lán)色。 8. 通配符選擇器 * { box-sizing: border-box; } 該選擇器會選擇所有元素,并將盒子模型設(shè)置為邊框盒子模型。
這些規(guī)則是CSS選擇器基礎(chǔ)中的基礎(chǔ),您可以組合它們來制定更復(fù)雜的選擇器。了解CSS選擇器將有助于您更有效地控制HTML文檔中的元素。