有趣的Unicode CSS类命名方式

网站建设 2021-07-03 08:42www.dzhlxh.cn网站建设
无意中发现这么一套给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-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板