CSS 選擇器是用來選擇要對其應用樣式的 HTML 元素的一種方法。它們是開發人員最常使用的 CSS 的一部分。下面是一些常用的 CSS 選擇器:
1. 元素選擇器:
用于選中指定的 HTML 元素,如:、等。
如:
p {
color: red;
}
2. ID 選擇器:
用于選中具有某個 ID 屬性的 HTML 元素。
如:
#footer {
background-color: gray;
}
3. Class 選擇器:
用于選中一個或多個具有相同 class 屬性的 HTML 元素。
如:
.highlight {
font-weight: bold;
}
4. 屬性選擇器:
用于選中具有指定屬性的 HTML 元素,如 [name="email"] 用于選中具有 name 屬性值等于 "email" 的元素。
如:
a[href^="https"] {
color: blue;
}
5. 子元素選擇器:
選中指定的 HTML 元素及其所有子元素。
如:
div >p {
font-style: italic;
}
6. 相鄰兄弟選擇器:
選中緊接在另一個指定元素之后的元素。
如:
h1 + p {
font-size: 16px;
}
7. 通用選擇器:
選中所有的 HTML 元素。
如:
* {
margin: 0;
padding: 0;
}
以上是 CSS 中最常用的選擇器,靈活運用它們可以為頁面添加更多的樣式。當然,開發人員也可以組合使用不同的選擇器,以便更精確地選中需要樣式化的元素。
下一篇css哪些是絕對單位