浏览器如何查找和呈现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进行非常小的项目。

Answer 1

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