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 vote286 views3 answers
Sass use variables from another file
CSS
1 vote297 views2 answers
Button transparent using css
CSS
0 vote295 views3 answers
Animate.css cdn
CSS
0 vote345 views2 answers
Fix materialize form label not working
CSS Materialize
2 votes271 views1 answer
How to add space between menu items in css
CSS
18 votes280 views2 answers
Php + get sql query
CSS
0 vote278 views1 answer
Spinner in html css react
CSS
2 votes276 views1 answer
@media prefers-color-scheme
CSS
1 vote263 views1 answer
Change angular material icon color
CSS
1 vote331 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap