选择器
id
、class
选择器添加类型选择器进行限定。
[强制] 如无必要,不得为 解释:
在性能和维护性上,都有一定的影响。
示例:
/* good */
#error,
.danger-message {
font-color: #c00;
}
/* bad */
dialog#error,
p.danger-message {
font-color: #c00;
}
3
级,位置靠后的限定条件应尽可能精确。
[建议] 选择器的嵌套层级应不大于 示例:
/* good */
#username input {}
.comment .avatar {}
/* bad */
.page .header .login #username input {}
.comment div * {}