CSS選擇器類型及其作用

CSS選擇器是CSS規則的一部分，用于指定HTML元素樣式的應用范圍。CSS選擇器類型包括以下幾種：

1.元素選擇器
p {
font-size: 14px;
}
選取所有的p元素并應用樣式。
2.ID選擇器
#container {
width: 960px;
}
選取ID為container的元素并應用樣式。
3.類選擇器
.warning {
background-color: yellow;
}
選取所有具有class="warning"的元素并應用樣式。
4.屬性選擇器
input[type="text"] {
background-color: #f1f1f1;
}
選取所有type屬性值為"text"的input元素并應用樣式。
5.偽類選擇器
a:hover {
color: red;
}
在元素被鼠標懸停的時候應用樣式。
6.組合選擇器
p.warning {
font-style: italic;
}
選取所有具有class="warning"的p元素并應用樣式。
7.后代選擇器
div p {
margin: 10px;
}
選取div元素內的所有p元素并應用樣式。
8.子元素選擇器
div>p {
font-weight: bold;
}
選取div元素直接子元素中的所有p元素并應用樣式。

以上是常見的CSS選擇器類型及其作用。選擇器的不同類型可以用于不同的情況，幫助我們更好地控制HTML元素的樣式。