binscor
软件工程师
获得徽章 0
赞了这篇沸点
authapi.applekuid.com
赞了这篇文章
赞了这篇文章
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
赞了这篇文章
![[白眼的狗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_98.9f6d4ad.png)
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
![[无辜呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_96.4fb9d71.png)
赞了这篇沸点
为什么说css的选择器一般不要超过三级？
"使用复杂的CSS选择器会增加样式匹配的计算成本，降低渲染性能，增加维护成本并且降低代码的可读性。通常建议避免使用超过三级的嵌套选择器。如果选择器超过三级，可能意味着CSS结构过于复杂，应该考虑重构样式表以提高性能和可维护性。
```css
/* 不推荐的复杂选择器 */
div ul li a {
color: #ff0000;
}
```
```css
/* 推荐的简单选择器 */
.link {
color: #ff0000;
}
```
复杂选择器会导致样式匹配算法需要更多的计算来确定元素是否匹配选择器，特别是在大型文档中。较复杂的选择器也可能导致样式的覆盖和不必要的样式冗余。相比之下，使用简单的选择器可以提高性能并且更易于维护和理解。
另外，超过三级的嵌套通常意味着过度依赖特定的HTML结构，这会使样式表对HTML结构的变化变得非常敏感，降低了灵活性和可复用性。因此，建议保持选择器简洁，尽量避免过度嵌套。"
"使用复杂的CSS选择器会增加样式匹配的计算成本，降低渲染性能，增加维护成本并且降低代码的可读性。通常建议避免使用超过三级的嵌套选择器。如果选择器超过三级，可能意味着CSS结构过于复杂，应该考虑重构样式表以提高性能和可维护性。
```css
/* 不推荐的复杂选择器 */
div ul li a {
color: #ff0000;
}
```
```css
/* 推荐的简单选择器 */
.link {
color: #ff0000;
}
```
复杂选择器会导致样式匹配算法需要更多的计算来确定元素是否匹配选择器，特别是在大型文档中。较复杂的选择器也可能导致样式的覆盖和不必要的样式冗余。相比之下，使用简单的选择器可以提高性能并且更易于维护和理解。
另外，超过三级的嵌套通常意味着过度依赖特定的HTML结构，这会使样式表对HTML结构的变化变得非常敏感，降低了灵活性和可复用性。因此，建议保持选择器简洁，尽量避免过度嵌套。"
展开
3
6
赞了这篇文章
赞了这篇文章
一天晚上，吃饭时老婆说我：吃完饭去洗洗头。我说才洗了几天啊又洗!老婆说我的头皮屑已经很多了。我说没有吧？你知道老婆给我的根据是什么！说昨晚上我的头皮屑掉她嘴里了！我听了后没反应过来，等了三四秒差点喷了饭。我看了看我妈和孩子都没反应才把饭吃完，晚上我俩说起这个事，笑的半宿没睡着觉！！
评论
点赞
有个牧师病了，临时请了一位以其没完没了的讲道而闻名的牧师来代替他。当他在讲坛上站定，发现包括唱诗班在内的一共只来了10个信徒时，心中颇为恼怒。事后他向那教堂执事抱怨说：“来的人实在太少，难道事先没有通知说我要来么？”“没有。”那执事回答说，“可能是消息泄露出去了。”
评论
点赞