2011-10-17 7 views
1

html要素の特定のグループに対してCSSスタイルを無効にすることは可能ですか?特定のグループの要素のすべてのスタイルを無効にする方法

具体的に言えば、私は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要素からそのクラスを追加または削除するだけで、これらのルールのオン/オフを切り替えることができます。

クラス名が「master」であるとします。 「マスター」クラス名は次のようにbody要素上にあるとき:

<body class="master"> 

そして、これらすべてのルールが力になります。

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

あなたが身体から「マスター」クラスを削除した場合タグを使用すると、それらのルールはすべて即座に適用されなくなります。

もちろん、bodyタグを使用する必要はありません。影響を受けるすべての要素の共通の親オブジェクトを使用できます。

関連する問題