浏览器如何找到并呈现 CSS 规则
How does the browser find and render CSS rules
假设我们有一个页面，其中包含一些简单的 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 .
是的，所有规则都加载到内存中，这就是为什么当您向 DOM 添加新元素时（例如通过使用 javascript），您会看到样式自动应用于它们。
假设我们有一个页面，其中包含一些简单的 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 .
是的，所有规则都加载到内存中，这就是为什么当您向 DOM 添加新元素时（例如通过使用 javascript），您会看到样式自动应用于它们。