有趣的Unicode CSS类命名方式

当前位置 : 首页 > 网页制作 > CSS > 有趣的Unicode CSS类命名方式

有趣的Unicode CSS类命名方式

来源: 作者: 时间:2015-12-16 18:25
无意中发现这么一套给CSS命名的方式。不过纯属娱乐,5key还是不建议这么弄的。还是要注意语义化,大家看看就好。一个简单的结构:div class=container div class=left-top div class=right-top
无意中发现这么一套给CSS命名的方式。不过纯属娱乐,5key还是不建议这么弄的。还是要注意语义化,大家看看就好。 一个简单的结构: <div class="container">  <div class="left-top">   <div class="right-top">  
无意中发现这么一套给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 */ }
Tag:
上一篇:[Web标准教程]
下一篇:CSS常用技巧十则
网友评论

<