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

1 vote114 views1 answer
Vertcial text css
CSS
0 vote104 views1 answer
Easiest way to invert css to dark mode
CSS
0 vote116 views1 answer
Css box-shadow over other elements
CSS
0 vote158 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap
7 votes120 views2 answers
Html remove border from textarea
CSS
20 votes147 views2 answers
Bootstrap screen sizes
CSS Bootstrap
0 vote124 views1 answer
Keeping text to be in one line
CSS
0 vote112 views2 answers
Css make bottom of the div triangle
CSS
1 vote101 views2 answers
Centralizar div verticalmente css
CSS
0 vote123 views1 answer
Tailblocks
CSS