2011-10-17 1 views
1

можно ли отключить стили CSS для определенной группы элементов html?Как отключить все стили для определенной группы элементов

Чтобы уточнить, у меня есть html-документ и многие стили CSS, и я хочу установить по умолчанию css для некоторых элементов (или удалить/отключить все стили для этих элементов).

Есть ли способ сделать это с помощью html/css/javascript? Установка всех стилей по умолчанию по одному требует времени.

Кроме того, я могу сказать, что это можно сделать, вставив часть кода в iframe (потому что он не наследует стили), но это не очень красивый способ.

Спасибо за помощь.

ответ

2

Добавить класс к <body> тега?

HTML

<body class="default-theme"> 
    <p> ... </p> 
    <ul> 
    <li> .. </li> 
    <ul> 
</body> 

CSS

body.default-theme p { 
    ... default settings ... 
} 

body.default-theme li { 
    .. more css ... 
} 
0

Как сгруппированы элементы? Это конкретное имя класса? В этом случае вы можете сделать следующее, чтобы очистить стиль, или установите их конкретное значение

var all = document.getElementsByTagName('theClass'); 
for (var index in all) { 
    var element = all[index]; 
    element.style = {}; 
} 
0

Если вы контролируете таблицы стилей, то вы можете просто сделать все стили зависят от мастер-класса в элементе тела. Затем вы можете включить или отключить все эти правила, просто добавив или удалив этот класс из элемента body.

Предположим, что имя класса является «мастером». Когда «мастер» имя класса для элемента тела, как это:

<body class="master"> 

тогда все эти правила будут в силе:

.master .selected {color: blue;} 
.master #breadcrumb {color: red;} 

Если затем удалить «мастер» класс от тела тег со скриптом, все эти правила перестанут применяться мгновенно.

Очевидно, что вам не нужно использовать тег тела. Вы можете использовать любой общий родительский объект для всех обработанных элементов.

Смежные вопросы