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 vote379 views1 answer
NeuMorphisme button code
CSS
3 votes346 views1 answer
Css first td
CSS
2 votes427 views1 answer
How to override material ui css
CSS
70 votes356 views6 answers
Button href
CSS
0 vote336 views1 answer
Css popover arrow divi menu
CSS
0 vote328 views1 answer
Space between span and svg in css
CSS
0 vote401 views1 answer
Css rotate 3d
CSS
12 votes370 views1 answer
How to make borders rounded in css
CSS
6 votes398 views2 answers
CSS set input text to word wrap
CSS
0 vote358 views1 answer
Round image center
CSS