
CSS样式表是网页设计中非常重要的一部分,选择符也是其中的关键。选择符用来指定哪些HTML元素将应用某种样式。下面是CSS中的十大选择符。
1. 元素选择器
最常见的选择符,用来选择特定的HTML元素。例如:
p {
color: red;
}
2. ID选择器
用来选择特定的HTML元素,根据元素的唯一ID来进行匹配。例如:
#header {
background-color: blue;
}
3. 类选择器
用来选择具有相同类别名称的一组HTML元素。例如:
.my-class {
font-weight: bold;
}
4. 属性选择器
选择具有特定属性的HTML元素。例如:
input[type="text"] {
border: 1px solid black;
}
5. 子选择器
用来选择特定元素的直接子元素。例如:
li > a {
color: green;
}
6. 相邻兄弟选择器
用来选择指定元素之后的第一个兄弟元素。例如:
h2 + p {
font-style: italic;
}
7. 通用兄弟选择器
被选择的元素与指定元素共享同一父元素,并出现在指定元素之后。例如:
h2 ~ p {
font-weight: 500;
}
8. 伪类选择器
用来选择特定状态下的元素。例如:
a:hover {
color: purple;
}
9. 伪元素选择器
在指定元素的某个部分上应用样式。例如:
p::first-letter {
font-size: 2em;
}
10. 通用选择器
匹配任何HTML元素。例如:
* {
margin: 0;
padding: 0;
}