在向文档中添加新元素后如何重新加载样式表？

Question

我有一个可以为文档正确加载的样式表。只需按一下按钮，新元素就会添加到文档中，但是CSS不会应用于它们。

我想让浏览器将已经加载的css重新应用于新元素。

我尝试了here的所有解决方案，但似乎不起作用。我不知道为什么；也许是因为CSS已加载？

Answer 1

当您将元素添加到DOM结构中时，它会根据现有CSSOM（合并的加载样式表中的全部CSS规则）自动设置样式。

因此，不需要重新加载已经加载的样式表，因为它不会像现在那样影响渲染过程的结果。

您的描述是，元素在特定时刻已经处于DOM结构中，或者在以后添加时具有不同的样式，这是JavaScript特有的行为，它可以动态修改DOM，应用或删除类以及/或元素属性。

但是，即使通过JavaScript进行了动态修改，对初始元素和以后添加的元素进行彻底的比较，也可以确定产生结果差异的特定差异。

换句话说，通过重新加载CSS来解决的问题显然无法通过重新加载CSS来解决。我说清楚是因为CSS就是这样工作的。实际上没有办法解决。 CSS始终适用，它是通过非常特定的规则来应用的，即使有时它们看起来似乎不那么明显，而有时它们可​​能以不到（甚至是相反）的直观方式相互影响。

我建议您为特定问题提供更多的背景信息和详细信息，以便可以理解它，确定其原因并采取解决方案。理想情况下，您应该提供一个最小，完整且可验证的示例，并明确指定所需的结果和/或重现问题所需的任何特定前提。

Answer 2

请注意，添加的元素（我想）不是按钮，无论如何都位于DOM中的不同位置。因此，css选择器可能不适用。