#content
定义:before 和 :after 伪元素的文本内容。
默认 content: normal;
不会向元素添加任何内容。
content: "Foo bar";
考虑以下 HTML 元素
<p class="element"> Hello world </p>
以及此 CSS
.element:before {
content: "Foo bar";
}文本内容将添加到元素内容的前面。
请注意，最终结果如何组合来自 HTML 的文本和来自 CSS 的文本。
content: url(/images/jt.png);
您可以使用url() 函数插入图像。
content: attr(data-something);
考虑以下 HTML 元素
<p class="element" data-something="cssreference"> Hello world </p>
以及此 CSS
.element:before {
content: attr(data-something);
}元素将从 HTML 属性中获取文本内容。