点击右上方红色按钮关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!
举一个例子说明一下,如下HTML结构。
![CSS写样式时,为什么要避免使用标签名](http://p2.ttnews.xyz/loading.gif)
现在我需要给结构最里面的li标签加样式。有两种搞法:
第一种搞法:
.g-wrap .g-wrap-list li{}
第二种搞法:
.g-wrap .g-wrap-list .item{}
平时,你是否有这样的纠结,是使用第一种,还是使用第二种写法。
浏览器的引擎解析CSS是基于从右向左(right-to-left)的规则,这么做是为了使用样式规则能够更快地与渲染树上的节点匹配。
所以,这里建议使用第二种,避免使用通用标签名作为选择器的一环可以提高CSS匹配性能。
閱讀更多 小鄭搞碼事 的文章