复杂选择器--伪元素选择器

1、匹配元素的首行首字符

:first-letter 或者 ::first-letter

2、匹配元素首行

:first-line 或者 ::first-line
当首行与首字符发生了冲突，应用首字符的样式

3、匹配用户选择的文本

必须是双冒号 ::
::selection{}
这里的样式，只能修改文本颜色和背景颜色

4、伪元素选择器，内容生成

生成的是一个元素，
可以设置元素的显示方式，使用content:设置这个元素的文本内容，以及所有可以使用的样式
注意：contnet中只能给字符串和url(图片)
:before 或者 ::before 代表的是内容区域中，最靠前的部分
:after 或者 ::after 匹配到某元素内容区域最后的位置
伪元素添加内容，可以解决的问题
1.外边距溢出

2.解决高度坍塌