清理CSS的Javascript解决方案

Question

我正在将一些CSS添加到正在制作的网站中，并确定了需要修改的内容：

#MSOZoneCell_WebPartWPQ1{
background-color: #FFF !important;
outline: 4px solid white;
}
#MSOZoneCell_WebPartWPQ2{
background-color: #FFF !important;
outline: 4px solid white;
}
#MSOZoneCell_WebPartWPQ3{
background-color: #FFF !important;
outline: 4px solid white;
}

.....

#MSOZoneCell_WebPartWPQ20{
background-color: #FFF !important;
outline: 4px solid white;
}

我无法覆盖更高级别的通用容器，因此不需要其他数字。 是否有针对我的问题的JS或其他解决方案？ 我没有编辑HTML的功能，只有CSS。

我没有看到类似的问题，但可能只是使用了错误的术语。

Answer 1

最佳解决方案是使用类或选择器来定位元素而不使用id，但是可以使用以选择器开头的属性

 [id^="foo"] { background-color: green; margin: .2rem; } 

 <div id="foo1">foo1</div> <div id="foo2">foo2</div> <div id="foo3">foo3</div> <div id="foo4">foo4</div> <div id="5foo">5foo</div> <div id="6foo6">6foo6</div>