Contenido

Usar carácteres unicode como class CSS

14 jun

+ 3

Jonathan Snook, ha estado jugando con los carácteres unicodes en los nombres de las clases de nuestros elementos y en los CSS.


//HTML
<div class="□">
  <div class="┌">
    <div class="┐">
      <div class="└">
        <div class="┘">
          content
        </div>
      </div>
    </div>
</div>
//CSS
.□ { /* container styles */ }
.┌ { /* top-left styles */ }
.┐ { /* top-right styles */ }
.└ { /* bottom-left styles */ }
.┘ { /* bottom-right styles */ }

Lo mejor de todo es que esto funciona y que los navegadores lo interpretan correctamente. Yo personalmente considero que esto es fantástico ya que nos dá lugar a cosas como estas.


//HTML
<div class="株式会社セガ"></div>
//CSS
株式会社セガ { width:100px;height:100px;background-color:red;}

Que evidentemente es igual de válida que llamar al class de <div /> “manolo” y usar ese nombre de class para todo nuestro diseño.

Este sistema tendría problemas con la web semántica, pero … “manolo” tambien.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.