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

IT教学网

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

复制链接发给好友 收藏本文 关闭此页

上一篇：CSS常用技巧十则

下一篇：CSS实现网页中的隔行换色代码