CSS中的選擇器類型主要分為以下7種:
1. 元素選擇器 元素選擇器是指通過元素名稱來選擇元素。例如,要選擇所有的段落元素,可以使用以下代碼: p { color: green; } 2. 類選擇器 類選擇器是指通過HTML中的class屬性來選擇元素。例如,要選擇所有class為“highlight”的元素,可以使用以下代碼: .highlight { background-color: yellow; } 3. ID選擇器 ID選擇器是指通過HTML中的id屬性來選擇元素。一個HTML文檔中只能有一個具有相同ID的元素。例如,要選擇id為“mydiv”的元素,可以使用以下代碼: #mydiv { border: 1px solid black; } 4. 屬性選擇器 屬性選擇器是指通過HTML元素的屬性來選擇元素。例如,要選擇所有具有title屬性的元素,可以使用以下代碼: [title] { font-weight: bold; } 5. 偽類選擇器 偽類選擇器是指通過元素的狀態來選擇元素。例如,要選擇所有被懸停的鏈接元素,可以使用以下代碼: a:hover { text-decoration: underline; } 6. 后代選擇器 后代選擇器是指通過前面的元素和后面的元素之間的關系來選擇元素。例如,要選擇div元素下的所有p元素,可以使用以下代碼: div p { color: red; } 7. 相鄰兄弟選擇器 相鄰兄弟選擇器是指選擇與當前元素相鄰的下一個元素。例如,要選擇所有緊跟在h1元素后的p元素,可以使用以下代碼: h1 + p { font-size: 20px; }
了解這些CSS規則中的選擇器類型可以幫助我們更好地選擇和控制HTML元素的樣式。
上一篇CSS要懂計算機語言嗎
下一篇css控制標題加粗居中