Javascript 在样式元素上使用title属性时出现问题

最近我遇到了一个非常奇怪的问题。添加多个样式元素时，以及在样式元素上添加标题属性时，在标题中指定了不同的值。仅应用第一个样式元素css

h1{颜色：红色}
h2{颜色：蓝色}
你好，红色标题！
你好，蓝色标题！

这是因为

上的

标题

用于提供不同的样式子集

因此，基本上转到

View>Page Style

您将看到

id-1

和

id-2

：

---

:

文档中的任何样式表都属于以下类别之一：

持久性（no

rel=“alternate”

，no

title=”“

）：始终适用于文档。 首选（无

rel=“alternate”

，并指定了

title=“…”

）：默认情况下应用，但如果选择了备用样式表，则禁用。只能有一个首选样式表，因此提供具有不同标题属性的样式表将导致其中一些被忽略。
Alternate（

rel=“Alternate stylesheet”

，必须指定

title=“…”

）：默认情况下禁用，可以选择

---

为什么要这样分开？@adityades分开样式文件？动态主题应用程序？等等？style.css看起来像什么？