In doing some research, I discovered that you could use Unicode for CSS class names. Okay, nothing earth shattering by any means. But think of the ideograms that exist within and how applicable they might actually be.

Take for example a common rounded corner HTML setup:

<div class="container">
  <div class="left-top">
    <div class="right-top">
      <div class="left-bottom">
        <div class="right-bottom">
          content
        </div>
      </div>
    </div>
</div>

Now let’s try using some fancy Unicode characters to give the same meaning:

<div class="□">
  <div class="┌">
    <div class="┐">
      <div class="└">
        <div class="┘">
          content
        </div>
      </div>
    </div>
</div>

I’ve used a number of the box drawing entities, namely U+250C, U+2510, U+2514, U+2518 and the square is U+25A1.

Then, to mark up our styles:

.□ { /* container styles */ }
.┌ { /* top-left styles */ }
.┐ { /* top-right styles */ }
.└ { /* bottom-left styles */ }
.┘ { /* bottom-right styles */ }

In any case, I’m just having fun with the idea. You’re probably better off to stick to those standard letters and numbers for your class names.