1. 介绍
CSS（层叠样式表）是用于描述网页如何呈现的一种语言。在CSS中，选择器用于选择网页上的元素，然后为这些元素应用样式。
选择器语法是一种定义选择器的语法规则，它允许我们根据元素的类型、类名、ID等属性来选择元素。
本文将介绍一些常见且常用的CSS选择器，帮助你快速查找和应用正确的选择器。
2. 类型选择器
类型选择器是通过元素的标签名来选择元素。例如，p选择器会选择所有的 p 元素。
示例：
p {
color: red;
font-size: 16px;
}
3. 类选择器
类选择器是通过元素的class属性来选择元素。类选择器以点（.）开头，然后是类名。
示例：
.my-class {
background-color: yellow;
border: 1px solid black;
}
4. ID选择器
ID选择器是通过元素的id属性来选择元素。ID选择器以井号（#）开头，然后是ID名。
示例：
#my-element {
width: 200px;
height: 100px;
}
5. 子选择器
子选择器用于选择作为某个元素子元素的元素。它使用大于号（>）来表示。
示例：
div > p {
color: blue;
font-weight: bold;
}
6. 后代选择器
后代选择器用于选择作为某个元素后代元素的元素。它使用空格来表示。
示例：
div p {
text-decoration: underline;
margin-left: 10px;
}
7. 相邻兄弟选择器
相邻兄弟选择器用于选择紧接在某个元素后面的兄弟元素。它使用加号（+）来表示。
示例：
h1 + p {
font-size: 20px;
line-height: 1.5;
}
8. 通用选择器
通用选择器用于选择页面上的所有元素。它使用星号（*）来表示。
示例：
* {
margin: 0;
padding: 0;
}
9. 属性选择器
属性选择器用于选择具有特定属性的元素。它使用方括号（[]）来表示。
示例：
input[type="text"] {
width: 200px;
padding: 5px;
}
10. 伪类选择器
伪类选择器用于选择特定状态的元素，如鼠标悬停、被访问过等。它使用冒号（:）来表示。
示例：
a:hover {
background-color: lightgray;
color: white;
}
通过本文提供的速查表，你可以更快地找到并正确应用CSS选择器，让你的网页样式更加丰富和灵活。
希望这篇CSS选择器语法速查能对你有所帮助！
参考资料：
本文来自极简博客，作者：热血战士喵，转载请注明原文链接：CSS选择器语法速查
