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

0 vote338 views1 answer
Sticky footer not working bootstrap
CSS
0 vote279 views1 answer
Table td remove padding
CSS
22 votes295 views5 answers
Grid center css
CSS
19 votes352 views3 answers
Css border radius top
CSS
98 votes268 views6 answers
Css center
CSS
5 votes308 views4 answers
Paginate bs
CSS
0 vote287 views2 answers
Order
CSS
0 vote297 views1 answer
Button highlight none css
CSS
0 vote318 views1 answer
Materialisecss
CSS
2 votes330 views1 answer
Css square image
CSS