CSS写样式时,为什么要避免使用标签名

点击右上方红色按钮关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!

举一个例子说明一下,如下HTML结构。

CSS写样式时,为什么要避免使用标签名

现在我需要给结构最里面的li标签加样式。有两种搞法:

第一种搞法:

.g-wrap .g-wrap-list li{}

第二种搞法:

.g-wrap .g-wrap-list .item{}

平时,你是否有这样的纠结,是使用第一种,还是使用第二种写法。

浏览器的引擎解析CSS是基于从右向左(right-to-left)的规则,这么做是为了使用样式规则能够更快地与渲染树上的节点匹配。

所以,这里建议使用第二种,避免使用通用标签名作为选择器的一环可以提高CSS匹配性能。


分享到:


相關文章: