Bootstrap CSS编码规范之选择器使用规范

选择器

选择器应该遵守以下规范：

• 对于通用元素使用 class ，这样利于渲染性能的优化。
• 对于经常出现的组件，避免使用属性选择器（如，[class^="..."]）。浏览器的性能会受到这些因素的影响。
• 选择器要尽可能短，并且尽量限制组成选择器的元素个数，建议不要超过 3 个。伪类选择器怎么用、
• 只有在必要的时候才将 class 限制在最近的父元素内（也就是后代选择器）（如，不使用带前缀的 class 时 -- 前缀类似于命名空间）。

1. /* Bad example */
2. span { ... }
3. .page-container #stream .stream-item .tweet .tweet-header .username { ... }
4. .avatar { ... }
6. /* Good example */
7. .avatar { ... }
8. .tweet-header .username { ... }
9. .tweet .avatar { ... }

   关于作者

   歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。