请列举五种CSS中的选择器
时间: 2024-09-27 09:16:02 浏览: 37
在CSS中,有多种类型的选择器用于选取网页文档中的元素。以下是五种常见的CSS选择器:
1. **标签选择器** (Element selector): 这是最基本的选择器,如`div`, `p`, 或者`h1`,直接选取指定的HTML标签。
```css
p { color: blue; }
```
2. **类选择器** (Class selector): 使用`.`前缀,选中拥有特定class属性的元素。例如:
```css
.my-class { font-weight: bold; }
```
3. **ID选择器** (ID selector): 使用`#`前缀,选中拥有唯一id属性的元素。例如:
```css
#header { background-color: #f00; }
```
4. **后代选择器** (Descendant selector): 使用空格分隔两个选择器,表示第一个选择器内的所有元素,只要匹配第二个选择器就生效。比如:
```css
body div { margin-bottom: 1em; }
```
5. **通用伪类选择器** (Universal selector): `*`代表匹配所有的元素。不过通常不是首选,因为它的性能较低:
```css
* { box-sizing: border-box; } /* 全局应用边框盒模型 */
```
6. **兄弟选择器** (Adjacent sibling combinator): `+`用于选取紧接在另一个元素后面的同辈元素,例如:
```css
a + p { text-indent: 2em; }
```
以上只是CSS选择器的一部分,还有更复杂的伪类选择器、属性选择器、组合选择器等。