1. 元素选择器
元素选择器通过HTML元素的名称来选择元素。
示例:
p {
color:red;
}
2. 类选择器
类选择器通过指定class属性的名称来选择元素。class属性可以在一个HTML文档中多次使用。
示例:
.my-class {
font-size:14px;
}
3. ID选择器
ID选择器通过指定id属性的名称来选择元素。在一个HTML文档中，id属性的名称只能被使用一次。
示例:
#my-id {
background-color:yellow;
}
4. 属性选择器
属性选择器通过指定HTML元素的属性和值来选择元素。选择器可以匹配属性值中的任何字符串。
示例:
input[type="text"] {
background-color: grey;
}
5. 后代选择器
后代选择器通过选择父元素和子元素来选择元素。父元素包含子元素。
示例:
div p {
font-size:16px;
}
6. 相邻兄弟选择器
相邻兄弟选择器通过选择和前一个选择器匹配的兄弟元素来选择元素。
示例:
h1 + p {
color:green;
}
7. 通用选择器
通用选择器通过匹配文档中所有元素来选择元素。
示例:
* {
margin: 0;
}以上是一些常见的CSS选择器，每个选择器都有其自己的优点和限制。正确地使用选择器可以使你的CSS代码更加高效、简洁和易于维护。同时，可以通过选择器的优先级来控制不同元素的样式，从而实现更加精细化的设计。希望这篇文章能够帮助你更好地理解CSS选择器的含义和使用方法。