JavaScript解決方案來清理CSS

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選擇，但是你可以使用與selector

[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>