::after和::before

html：

<p>:after 选择器在被选元素的内容后面插入内容。</p>
<p>使用content属性来指定要插入的内容。</p>
<div>before是加在前面</div>

css：

<style>p:after{content:"-- 添加的内容";color:blue;}div::before{content:":用2个也可以";background-color:pink;}</style>

效果：

浏览器代码：

选中内容：

p::after {content: "-- 添加的内容";color: #00F;
}

最新文章