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 vote344 views2 answers
Css kommentar
CSS
0 vote317 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
7 votes342 views2 answers
Css set div width to screen
CSS
1 vote323 views1 answer
Bootstrap Changing the separator
CSS
1 vote341 views1 answer
CSS3
CSS
23 votes307 views5 answers
Font weight css
CSS
1 vote394 views1 answer
Can we use multiple keyframes in css
CSS
3 votes347 views3 answers
Remove box around button when clicked
CSS
0 vote321 views1 answer
Container media queries for large displays
CSS
0 vote330 views1 answer
How to change height font css
CSS