How to insert icons pseudo content

.css:after {
    content: "\86";
    color: red;
}
.css.char:after {
    content: "†";
    color: blue;
}
.data:after {
    content: attr( data-icon );
}
.js:after {
    content: attr( data-icon );
}
.red:after {
    color: red;
}
.blue:after {
    color: blue;
}

Source: stackoverflow.com

How to insert icons pseudo content

<div class="css">hard coded css content</div>
<div class="css char">hard coded css content char</div>
<br>
<div class="data red" data-icon="†">hard coded data-icon</div>
<div class="data blue" data-icon="†">hard coded data-icon char</div>
<br>
<div class="js red">data-icon by js</div>
<div class="js blue">data-icon by js char</div>

Source: stackoverflow.com

Similar codes

5 votes195 views3 answers
Css window height
CSS
1 vote193 views1 answer
What is the username password for ftp lampp
CSS
2 votes188 views1 answer
Clamp margin
CSS
0 vote268 views1 answer
L'entente cordiale streaming
CSS
0 vote186 views1 answer
How to change the size of a style="text-align: center;"
CSS
6 votes210 views2 answers
Html table scrollable body fixed header
CSS
5 votes208 views3 answers
Repeat method
CSS
0 vote196 views1 answer
Unable to locate package neo4j
CSS
1 vote262 views2 answers
Set custom cursor
CSS
0 vote199 views2 answers
Text-align: left; width: 100%;
CSS