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>