我有一个库文件,其中为公共(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%; }
最佳答案
您可以选择与该选择器匹配的所有元素
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);
关于javascript - 我们如何通过 Javascript 从 CSS 文件中删除填充?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57400479/