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

10 votes136 views10 answers
Fortnite
CSS
2 votes188 views2 answers
Bootstrap icons in angular
CSS Bootstrap
0 vote136 views1 answer
Css calc vw minus px
CSS
0 vote130 views1 answer
Restrict css to apply on div
CSS
0 vote138 views1 answer
How to install gotham rounded as a font in visual studio code for my css file
CSS
1 vote191 views1 answer
BEM example css
CSS
2 votes133 views1 answer
Check if input is empty css
CSS
0 vote168 views1 answer
Button two lines on ipad
CSS
0 vote134 views1 answer
Parcel-bundler bulma css
CSS
1 vote129 views1 answer
Right-align in vbox
CSS