#content
Defines the text content of the :before
and :after
pseudo-elements.
默认属性
content: normal;
No content is added to the element.
content: "Foo bar";
Considering this HTML element:
<p class="element"> Hello world </p>
And this CSS:
.element:before { content: "Foo bar"; }
The text content will be prepended to the element's content.
Notice how the end result combines text from the HTML and text from the CSS.
content: url(/images/jt.png);
You can insert images by using the url()
function.
content: attr(data-something);
Considering this HTML element:
<p class="element" data-something="cssreference"> Hello world </p>
And this CSS:
.element:before { content: attr(data-something); }
The element will grab the text content from the HTML attribute.