Javascript Solution to clean up CSS -


i working on adding css site making, , have identified need modify:

#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; } 

i can't override upper level more generic containers doesn't require different numbers. there js or other solution problem? don't have ability edit html, css.

i didn't see similar question may using wrong terms.

best solution use class or selector targets element without using id, can use attribute starts 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>


Comments

Popular posts from this blog

javascript - Create a stacked percentage column -

Optimising Firebase database by automatically overwriting data -

javascript - Angular UI-Grid customTemplate directive causing rows to load slowly/? -