selectors: UTF-8 non letter characters

UTF-8 non letter characters. An example of things we can use as CSS selectors

by Renoir Boulanger

HTML

<html>
    <body class="❤">
<p class="default ಠ_ಠ">Is this text white on red?</p>
    </body>
</html>

CSS

html{
    font:0.75em/1.5 sans-serif;
}

/* Yes, this is a valid class */
.❤ {
    background-color:#cfcfcf;
}
.ಠ_ಠ {
    color:#fff;
    background-color:#c00 !important;
}

.default {
    font-weight:bold;
    padding:1em;
    background-color:purple;
}