6. CSS 伪元素

伪元素：用于向某些选择器设置特殊效果。

:first-letter

:first-letter：向文本的第一个字母添加特殊样式。

<p> hello first-letter </p><style>p:first-letter { color:red; font-size:30px; }</style>

:first-line

:first-line：向文本的首行添加特殊样式。

<p> hello first-line </p><style>p:first-line { color:red; font-size:30px; }

:before

:before：在元素之前添加内容。

<p> hello before </p><style>p:before { content: 'before content' }

:after

:after：在元素之后添加内容。

<p> hello after </p><style>p:after { content: 'after content' }