Blog > 用户体验设计 > 有趣的Unicode CSS类命名方式

有趣的Unicode CSS类命名方式

无意中发现这么一套给CSS命名的方式。不过纯属娱乐,5key还是不建议这么弄的。还是要注意语义化,大家看看就好。

一个简单的结构:

<div class=”container”>
 <div class=”left-top”>
  <div class=”right-top”>
    <div class=”left-bottom”>
     <div class=”right-bottom”>
       content
     </div>
   </div>
  </div>
</div>
老外用Unicode来给格式了一下:

<div class=”□”>
 <div class=”┌”>
  <div class=”┐”>
   <div class=”└”>
    <div class=”┘”>
     content
    </div>
   </div>
  </div>
</div>
明白吗?看看注释:

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

6条评论

  1. 锐风 says:

    够搞笑! [lol] [yes]

  2. moon says:

    很有意思

  3. Fanbin says:

    怎样快速输入那些特殊符号啊?

  4. asdf says:

    变量名称除了字母和数字,用其他字符很容易出错,特别是“-”

  5. 生活笔谈 says:

    老外真又意思哦~~

  6. 稻草 says:

    这小子一定没事就看人家源代码。哈哈

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>