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

68 votes327 views5 answers
Jquery css
CSS
8 votes353 views2 answers
CSS make image fill whole background
CSS
11 votes346 views2 answers
How to center horizontally and vertically block div
CSS
22 votes321 views3 answers
Css disable text select
CSS
0 vote343 views2 answers
Css großbuchstaben erzwingen
CSS
0 vote336 views2 answers
Css style select arrow color
CSS
1 vote325 views1 answer
Export database spinup on terminal commands
CSS
0 vote326 views1 answer
Include css typo3
CSS
1 vote356 views2 answers
Center nav bar css
CSS
0 vote353 views1 answer
Css wrap text next line align right
CSS