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

15 votes242 views3 answers
Put an border around an text in css
CSS
164 votes225 views4 answers
Html head css link
CSS
0 vote211 views1 answer
Center a spinner css
CSS
0 vote224 views3 answers
Hyper text programming language
CSS
1 vote171 views1 answer
Sm size website
CSS
0 vote202 views1 answer
Child width big
CSS
0 vote213 views1 answer
Using a Python dict for a SQL INSERT statement
CSS
1 vote209 views1 answer
Html if text too long newline
CSS
0 vote213 views2 answers
Align ionic icons and text css
CSS
4 votes205 views2 answers
Css zebra
CSS