有趣的Unicode CSS类命名方式

网页制作 2024/6/26 佚名

3 2 1

幽灵资源网 Design By www.bzswh.com

无意中发现这么一套给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 */ }

教程,网页制作,网页,方式,命名,有趣,<,",class