从样式表中删除类

Question

使用javascript可以从样式表中删除整个样式吗？

示例，删除这样的内容：

.somestyle{
    bottom: 17px;
    position: absolute;
    right: 68px;
}

提前致谢。

Answer 1

您正在寻找DOM StyleSheet Object Methods removeRule(\[index\])或deleteRule(index)

console.log(document.styleSheets);
document.styleSheets[0].deleteRule(0);
console.log(document.styleSheets); 

所以在你的情况下你可以做这样的事情

var sheetRef =document.styleSheets[0];/*index of the sheet in the markup head el*/
for (i=0; i<sheetRef.rules.length; i++){
if (sheetRef.rules[i].selectorText==".somestyle")
   sheetRef.removeRule(i)
}

我希望这会对你有所帮助。

Answer 2

您可以从html标记中删除类，或添加新类并使用“！important”规则覆盖css文件中的这些属性。

.newclass{
bottom: 0px !important;
position: relative !important;
right: 0px !important;
}

Answer 3

尝试jQuery。removeAttr：

$(function() {
$('.somestyle').removeAttr('class');
});

Answer 4

删除一类样式表，编号

但是，使用javascript，您可以定义不继承工作表样式的新样式。

例如：

position: inherit;