CSS選擇器是Web開發中常用的一種工具。它允許我們根據特定標準來選擇一個或一類元素,從而對它們進行樣式設置。以下是幾種常見的CSS選擇器:
1. 元素選擇器 p { color: red; } 這種選擇器會選擇指定類型的HTML元素。在本例中,我們為所有的p元素設置了紅色文本顏色。 2. 類選擇器 .intro { font-size: 16px; } 這種選擇器會選擇帶有指定類名的元素。在本例中,我們為所有帶有class="intro"的元素設置了16px的字體大小。 3. ID選擇器 #header { background-color: blue; } 這種選擇器會選擇具有特定ID的元素。在本例中,我們為ID="header"的元素設置了藍色背景。 4. 屬性選擇器 a[target="_blank"] { color: green; } 這種選擇器會選擇屬性名和屬性值相等的元素。在本例中,我們為所有target="_blank"的錨點元素設置了綠色文本顏色。 5. 后代選擇器 div p { font-weight: bold; } 這種選擇器會選擇指定的嵌套元素。在本例中,我們為所有在div元素內的p元素設置了粗體文本。 6. 子元素選擇器 ul >li { display: inline; } 這種選擇器會選擇父級元素中的直接子元素。在本例中,我們為ul元素中的所有li元素設置了inline的顯示屬性。