前端 HTML/CSS （十二）

UI状态伪类选择器

E:checked，选择匹配的E元素并且E元素被选择上（用在单选和多选）。

checked要选择才能触发，并不是一开始就触发。

伪元素选择器

• E::before，选择匹配的E元素，并且在匹配的元素的所有子元素的前面插入内容。
• E::after，选择匹配的E元素，并且在匹配的元素的所有子元素的后面插入内容。

在使用before和after时一定要配合着content属性来使用。content属性的值为要插入的内容。

伪元素插入的内容在页面中是无法被选中的。

插入生成的内容基础

注意：

1. 生成的内容与元素内容之间是没有空格的。除非在生成的内容中添加。
2. 生成的内容位于元素框的内部。
3. 生成的内容默认是一个inline，可以使用display属性进行修改。
4. 只要属性能够被继承下来，生成的内容会从它依附的元素