I am aware that content can be displayed with css using content
.email-address:before {
content: "Email address: ";
}
But what if I wanted to do something like this:
.email-address:before {
content: "<strong class='my text'>Email address:</strong>";
}
is this possible?
No, but.
What you can do is :
.email-address:before {
content: "Email address: ";
font-weight:bold;
}
and or :
.email-address:before, .my-text {
/* Rules for my-text */
}
<edit>
If your idea was to retrieve some pieces of text you can use data-attributes.
<p class="email-address" data-name="myName" data-com="mydomain.com"></p>
and
.email-address:before {
content: "Email address: "attr(data-name)'@'attr(data-com);
font-weight:bold;
}
No. No DOM element will be altered. The content will be only referenced as text and not HTML.
