id 和 class 的命名总规则为

1.id 和 class 的命名总规则为：内容优先，表现为辅。首先根据内容来命名，比如 main-nav。如果根据内容找不到合适的命名，可以再结合表现来定，比如 skin-blue， present-tab，col-main。

2.id 和 class 名称可采用连字结符连接与驼峰式写法相结合，i比如 recommend-presents，pictureList-item。d必须使用下划线进行连接，如product_title。class必须使用连字符进行连接，如productItem-lists。这样容易区分，同时对脚本调试有帮助。

3.id 和 class 名称中只能出现 26 个英文字母、数字、下划线"_"和连字符"-"，任何其它字符都是不被允许使用的。

4.id 和 class 尽量用英文单词命名。对于某些产品特色词汇，也可以使用拼音，其它任何情况下都禁止使用拼音。

5.系统级前台class名称都以 ex 开头,比如 ex-goods-detail.尽量不要超过三级。

.ex-goods-detail{
        width:190px;
        };

6.在不影响语义的情况下，id 和 class 名称中可以适当采用英文单词缩写，比如 col, nav, hd, bd, ft 等，但切忌自造缩写。

7.id 和 class 名称中的第一个词必须是单词全拼或语义非常清晰的单词缩写，比如 present, col-ttl。