CSS寫樣式時，為什麼要避免使用標籤名

點擊右上方紅色按鈕關注「小鄭搞碼事」，每天都能學到知識，搞懂一個問題！

舉一個例子說明一下，如下HTML結構。

現在我需要給結構最裡面的li標籤加樣式。有兩種搞法：

第一種搞法：

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

第二種搞法：

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

平時，你是否有這樣的糾結，是使用第一種，還是使用第二種寫法。

瀏覽器的引擎解析CSS是基於從右向左（right-to-left）的規則，這麼做是為了使用樣式規則能夠更快地與渲染樹上的節點匹配。

所以，這裡建議使用第二種，避免使用通用標籤名作為選擇器的一環可以提高CSS匹配性能。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！