低权重原则，避免滥用子选择器

CSS选择符是有权重的，当不同选择符的样式设置有冲突时会采用权重高的选择符设置的样式。

html标签权重是1，class权重是10，id权重是100

如果css选择符权重相同，样式选择会遵循就近原则，哪个选择符最后定义（注意：是定义的先后顺序，而不是挂class名的先后顺序），就采用哪个选择符的样式。