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 vote189 views1 answer
Hwo to reload css in flask
CSS
26 votes209 views4 answers
How to move text up and down in html
CSS
-1 vote177 views1 answer
Arranging the paragraph in css
CSS
0 vote184 views1 answer
Calc css float to procent
CSS
1 vote203 views2 answers
Change the weight of a bold font css
CSS
1 vote224 views2 answers
Overflow x not hidden
CSS
0 vote178 views6 answers
Vertical multi color border css
CSS
2 votes174 views5 answers
Css disable input
CSS
0 vote167 views1 answer
How to link css file nodjes
CSS
0 vote252 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap