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

7 votes190 views3 answers
Pm2 remove process from list
CSS
1 vote167 views1 answer
Css prevent margin collapsing
CSS
0 vote169 views2 answers
How to do addition or subtraction on CSS Variables?
CSS
4 votes162 views2 answers
How to get all values from object in javascript
CSS
47 votes185 views6 answers
Css blur
CSS
0 vote178 views1 answer
Css textarea background color transparent
CSS
1 vote196 views1 answer
Sql file extension
CSS
0 vote188 views1 answer
Css cotent tipe
CSS
20 votes172 views5 answers
Postgres version command
CSS
2 votes169 views1 answer
Half border bottom
CSS