Llego casi de casualidad a un post de Jonathan Snook en donde comenta que se le ocurrió utilizar algunos caracteres unicode en CSS para definir clases de una forma mas simple de recordar, por ejemplo una estructura básica y a la antigua en CSS de una caja con bordes redondeados es la siguiente:
<div class="container">
<div class="left-top">
<div class="right-top">
<div class="left-bottom">
<div class="right-bottom">
content
</div>
</div>
</div>
</div>
</div>
Ademas de agradecer que con CSS3 se pueden hacer cajas con bordes redondeados sin tanto embrollo, la propuesta de la misma estructura pero mostrando las clases con unicode seria la siguiente:
<div class="□">
<div class="┌">
<div class="┐">
<div class="└">
<div class="┘">
content
</div>
</div>
</div>
</div>
</div>
El chiste del asunto es que los caracteres unicode hagan con su forma referencia a la estructura a la que referencian.
Este sistema me pareció curioso, pero para nada practico para estructuras complejas, ademas de que probablemente utilizar estos selectores tarde o temprano nos den algún problema cuando trabajamos con lenguajes como javascript.
No obstante y como curiosidad me parece de lo mas valido.