优雅的CSS选择器

来源：杭州天琥设计培训学校时间：2018/11/23 10:26:24

优雅的CSS选择器不仅看起来亲切，而且也可以提升浏览器的样式渲染效率。 主要使用类名(CLASS)作为选择符，不做额外的限定。

下一种写法更好是因为非

标签元素也有效，标签可以随意替换，而且样式渲染时更加高效。

避免不必要的继承关系。继承写法是为了避免相同命名的选择符的样式相互影响，但在层级使用上要注意适度。

浏览器样式渲染引擎是按照从右向左的顺序来解析CSS选择器，最右边的选择符称为关键选择符(Key Selector)，每一个额外的继承选择符都会增加样式渲染引擎的查找匹配时间。而且，如果没有额外的继承关系，子元素会有更好的重用性。