有趣的Unicode CSS类命名方式
有趣的Unicode CSS类命名方式
发布时间:2016-12-27 来源:查字典编辑
摘要:无意中发现这么一套给CSS命名的方式。不过纯属娱乐,5key还是不建议这么弄的。还是要注意语义化,大家看看就好。一个简单的结构:conten...

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类