Удалить класс из таблицы стилей

Question

Возможно ли с помощью javascript удалить весь стиль из таблицы стилей?

Пример, чтобы удалить что-то вроде этого:

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

Спасибо заранее.

Answer 1

Вы можете удалить класс из тега html или добавить новый класс и переопределить эти свойства в файле css с правилом «! Important».

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

Answer 2

Попробуйте jQuery. removeAttr:

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

Answer 3

Удалить класс таблицы стилей, нет.

Однако, с помощью javascript вы можете определить новый стиль, который не наследует стиль листа.

Например:

position: inherit;

Answer 4

Вы ищете DOM StyleSheet Object MethodsremoveRule(\[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) 
} 

Надеюсь, это поможет вам.