無意中發現這麼一套給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 */ }