Css 以多个类中的一个div为目标

我需要从多个页面类

（.cms7.cms8…）

我试过了，但没用：

    .cms7, .cms8, .cms9, .cms10, .cms11, .cms12, .cms13, .cms14, .cms15, .cms16, .cms17, .cms18, .cms19 #menu-separator{
background: white;
}

---

有没有一种更短/更轻的方法可以做到这一点？

缩短css的建议：

[class^='cms'] #menu-separator {background: white;}

上述表达式将涵盖以cms开头的所有类

您可以对其进行更严格的限制，例如，覆盖从cms1开始的所有类：

[class^='cms1'] #menu-separator {background: white;}

---

无论如何，只能有一个

#菜单分隔符

，因此您可以只执行

#菜单分隔符{background:white；}

如果您绝对必须将其作为子元素，则必须执行

.cms7#菜单分隔符、.cms8#菜单分隔符…

。如果这对你来说令人沮丧，考虑学习少或SASS。只有一个<代码>菜单分隔符< /代码>，但是我想把它放在其他的页面上，比如索引、博客、联系人……好吧，那么你必须做什么。这样的长CSS不会有问题吗？这看起来肯定更干净。您将牺牲一些渲染时间，但维护和阅读会更容易。