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开头的属性

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;