css专栏 02.选择器 05.伪元素选择器

 

# 05.伪元素选择器

[toc]{type: "ol", level: [3]}

### 伪元素选择器
> css添加内容 无法被用户选中
> 可用于清除浮动带来的影响

- html结构
```html
<p>Love Apple</p>
```

- first-letter
> 为第一个文字添加样式
```css
p:first-letter {
    font-size: 48px;
    color: brown;
}
```

- before
```css
p:before {
    content: 'css_before';
    color: chocolate;
}
```

- after
```css
p:after {
    content: 'css_afer';
    color: green;
}
```

![伪元素选择器](05.伪元素选择器.png)