首页 > 代码库 > css 命名规范参考[转]
css 命名规范参考[转]
命名空间另外最好的实践就是当命名你的类名的时候,使用命名空间前缀来进行分类。这些前缀会在你的命名前添加一组字符,但是这个值能立刻标记每一个类的目的,在你看 HTML 或者样式的时候是很需要的。我使用下面这些命名空间:对象类:.o-组件:.c-状态类:.is- 或者 .has-主题:.t-工具类:.u-JavaScript 勾子:.js-<footer class="c-footer"> <div class="o-container-wide"> <a class="c-footer__logo" href="http://www.mamicode.com/">The Assist</a> <div class="c-social c-social--follow"> <div class="c-social__label u-txt-center">Join the conversation</div> <ul class="c-social__list"> <li class="c-social__item"></li> <li class="c-social__item is-active"></li> <li class="c-social__item"></li> </ul> </div> <p class="c-footer__credit"></p> </div></footer>
css 命名规范参考[转]
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。