《编写高质量代码》读书笔记系列三---css命名

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>

 

   驼峰命名用于区分不同的单词，划线用于表明从属关系。