CSS合理使用选择器

最新推荐文章于 2024-08-26 20:25:07 发布

qq_37299525

最新推荐文章于 2024-08-26 20:25:07 发布

阅读量91

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_37299525/article/details/129297529

版权

文章强调了在编写CSS时应注意选择器的使用，避免过度嵌套，尤其是三层以上的ID选择器。复杂的选择器如通配符和属性选择器可能降低浏览器渲染性能，应减少对诸如box-shadow、border-radius和filter等昂贵属性的依赖，以及慎用:nth-child等选择器，以提高页面加载和渲染速度。

摘要由CSDN通过智能技术生成

                    
                        
                    
                    #markdown .content h3 {}
从右到左：先找到h3标签元素 然后.content 最后#markdown
嵌套的层级更多，页面元素更多，那么匹配所要花费的时间代价自然更高 
  不要嵌套使用过多复杂选择器，最好不要三层以上
使用id选择器就没必要再进行嵌套
通配符和属性选择器效率最低，避免使用
 
昂贵的属性：降低浏览器渲染性能 
  box-shadow
border-radius
filter
:nth-child
 

                