javascript - 我们如何通过 Javascript 从 CSS 文件中删除填充？

Question

我有一个库文件，其中为公共(public)列类定义了填充。

[class*="col_"] {
  box-sizing: border-box;
  padding: 0 0.5rem 1rem;
  max-width: 100%; }

我不想删除它，事实上我想在我想删除由 JavaScript 或 jQuery 调用的填充样式本身的地方重写 CSS。

[class*="col_"] {
 box-sizing: border-box;
 max-width: 100%; }

Answer 1

您可以选择与该选择器匹配的所有元素

let elements = document.querySelectorAll("[class*=col_]");
elements.forEach(e => { 
     e.style.padding = '';
}

或者即时添加新的样式规则:

let newStyle = document.createElement('style');
newStyle.id = Date.now(); //set a id for removing the style later if necessary
newStyle.innerHTML = `
    [class*="col_"] {
       box-sizing: border-box;
       max-width: 100%; 
    }`;

document.body.appendChild(newStyle);