Classes CSS Unicode

A estrutura e a consistência do nome da classe CSS são muito importantes; alguns desenvolvedores usam nomes de classe em camelcase, outros usam traços e outros usam sublinhados. Uma coisa que aprendi ao brincar com os nomes de classes HTML e CSS é que o senhor pode realmente usar símbolos e ícones unicode como nomes de classe. Dê uma olhada nisso!

O HTML e o CSS

Há apenas uma maneira de adicionar um nome de classe com HTML, portanto, o senhor fará isso dessa maneira, é claro:

<!-- place this within the document head -->
<meta charset="UTF-8" />

<!-- error message -->
<div class="ಠ_ಠ">You do not have access to this page.</div>

<!-- success message -->
<div class="❤">Your changes have been saved successfully!</div>

…e há apenas uma maneira de declarar estilos para uma determinada classe:

.ಠ_ಠ {
	border: 1px solid #f00;
	background: pink;
}

.❤ {
	background: lightgreen;
	border: 1px solid green;
}

O senhor pode usar nomes de classe unicode para elementos, certo? É claro que não recomendo fazer isso, mas o senhor pode, se quiser!