CSS3 选择器教程

CSS3 选择器是网页样式设计中的重要组成部分，它可以帮助我们更精确地控制网页元素的样式。以下是一些常用的 CSS3 选择器：

基本选择器

标签选择器：直接使用 HTML 标签名称选择元素。
```
p {
  color: red;
}
```
类选择器：使用 . 符号后跟类名选择元素。
```
.my-class {
  color: blue;
}
```
ID 选择器：使用 # 符号后跟 ID 选择元素。
```
#my-id {
  color: green;
}
```

属性选择器

属性存在选择器：选择具有指定属性的元素。
```
[type="text"] {
  border: 1px solid black;
}
```
属性值选择器：选择具有指定属性值的元素。
```
[type="password"] {
  border: 1px solid red;
}
```

伪类选择器

链接伪类：用于选择具有特定状态的链接。

a:link {
  color: blue;
}
a:visited {
  color: purple;
}
a:hover {
  color: red;
}
a:active {
  color: green;
}

组合选择器

后代选择器：选择某个元素的后代元素。
```
ul li {
  color: orange;
}
```
子选择器：选择某个元素的直接子元素。
```
ul > li {
  color: green;
}
```
相邻兄弟选择器：选择某个元素的相邻兄弟元素。
```
li + li {
  color: blue;
}
```

更多关于 CSS3 选择器的信息，请参考本站提供的 CSS3 选择器参考。

CSS3 选择器示例