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 vote126 views1 answer
Typora rtl
CSS
50 votes119 views6 answers
Text align css
CSS
0 vote128 views1 answer
Css a little transparent
CSS
0 vote127 views1 answer
Remove background when autofill input css
CSS
2 votes136 views1 answer
Make object not selectable javascript
CSS
1 vote151 views1 answer
Css how to make something italized
CSS
0 vote135 views1 answer
100vh doesn't fill the page
CSS
46 votes129 views6 answers
Css background image size to fit screen
CSS
0 vote123 views1 answer
Remove all input style'ing
CSS
5 votes142 views3 answers
Grid-column css
CSS