1、CSS命名推荐使用英语,不使用汉语拼音,可以根据内容来选用合理的英文单词:比如头部head,底部foot,主体部分main等。为了方便阅读和理解,提高可维护性,我们推荐这样的命名方式。
2、案例:
<ul class="timeList">
<li>2012年2月1号</li>
<li>2012年3月1号</li>
<li>2012年4月1号</li>
<li>2012年5月1号</li>
<li class="last">2012年6月1号</li>
</ul>
有的时候我们最后的一个li需要特殊处理,这个场景很常见。
解决方案:
<ul class="timeList"> <li>2012年2月1号</li> <li>2012年3月1号</li> <li>2012年4月1号</li> <li>2012年5月1号</li> <li class="timeList-lastItem">2012年6月1号</li> </ul>
驼峰命名用于区分不同的单词,划线用于表明从属关系。