浏览器如何查找和呈现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）时，您会看到样式自动应用于它们。