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

76 votes140 views6 answers
Border radius css
CSS
0 vote137 views2 answers
Position relative get in center
CSS
0 vote145 views1 answer
Css box shadow right and down
CSS
7 votes129 views1 answer
Change background input css
CSS
0 vote147 views3 answers
Html input file upload image for profile picture
CSS
22 votes136 views6 answers
Font-family css
CSS
0 vote144 views1 answer
Create an irregular shape div css
CSS
0 vote140 views1 answer
How to link to class in CSS
CSS
17 votes136 views1 answer
Variables scss en calc()
CSS
-2 votes168 views1 answer
Difference between numpy array and matrix
CSS