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

« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3