有趣的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 */ }

Random Posts

6 条评论 发表在“有趣的Unicode CSS类命名方式”上

  1. 锐风 says:

    够搞笑! [lol] [yes]

    [回复]

  2. moon says:

    很有意思

    [回复]

  3. Fanbin says:

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

    [回复]

  4. asdf says:

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

    [回复]

  5. 生活笔谈 says:

    老外真又意思哦~~

    [回复]

  6. 稻草 says:

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

    [回复]

留下回复