在CSS中,選擇器是用于定位和選擇要應用樣式的HTML元素的工具。它在網頁設計中起著非常重要的作用。而最常見的CSS選擇器包括以下幾種:
1. 元素選擇器 p { color: red; } 表示選擇所有的p元素,并將它們的文字顏色變為紅色。 2. ID選擇器 #header { background-color: black; } 表示選擇所有id屬性值為"header"的元素,并將它們的背景顏色變為黑色。 3. 類選擇器 .box { border: 1px solid gray; } 表示選擇所有class屬性值為"box"的元素,并將它們的邊框顏色變為灰色。 4. 后代選擇器 div p { text-align: center; } 表示選擇所有p元素,但是必須是在div元素內部的p元素,并將它們的文字居中。 5. 子元素選擇器 ul>li { list-style-type: none; } 表示選擇所有ul元素的直接子元素li,并將它們的列表樣式設置為無。 6. 屬性選擇器 input[type="text"] { width: 200px; } 表示選擇所有type屬性值為"text"的input元素,并將它們的寬度設置為200px。
通過這些選擇器的使用,我們可以更加方便地為HTML元素添加不同的樣式,讓網頁看起來更加美觀和清晰。