清理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>