This example is done with LESS.
@highlight-color: #000;
.example_div {
padding:25px;
color: #FFF;
background-color:#EE8527;
a {
color: #fff;
text-decoration: none;
&:before {
content: '[ico1] ';
}
&[href$=".pdf"]:before {
content: '[ico2] ';
}
&[href$=".jpg"]:before {
content: '[ico3] ';
}
&:hover,
&:focus {
color: @highlight-color;
text-decoration: underline;
}
}
}