浏览器如何查找和渲染CSS规则

Question

假设我们有一个包含如下简单HTML/CSS的页面。浏览器也会读取样式表中的.b和.c吗？

HTML

<div class="a">1</div>
<div>2</div>
<div>3</div>

CSS

.a { color: aqua; }
.b { color: blue; }
.c { color: cyan; }

这只是一个例子，但在实际工作中可能有数百、数千行未使用的CSS代码，比如在非常小的项目中使用Bootstrap。

- Stickers

---

是的，所有规则都被读取并加载到内存中。因此人们尝试最小化他们的规则并消除冗余。 - j08691

这并不完全是一个重复的问题，但你可能会对关于CSS缓存的这个问题感兴趣。 - Yerko Palma

Answer 1

是的，所有规则都加载到内存中，这就是为什么当您向DOM添加新元素时（例如使用JavaScript），您会看到样式自动应用于它们的原因。

- Almis