ウェブサイトに埋め込まれているhtmlをいくつか持っていますが、CSSに埋め込まれているページが乱れてしまいます。どのように私はそれが起こらないようにすることができます...私のコンテンツは特定のIDを持っており、それは非常に具体的です。それは、イメージ、divs、スパン、hタグ、pタグ..すべての通常のものが含まれています。 MY divのスタイルシートが頭に追加されます。特定のdivのすべてのページスタイルを消去し、その子要素です
アイデア?
ウェブサイトに埋め込まれているhtmlをいくつか持っていますが、CSSに埋め込まれているページが乱れてしまいます。どのように私はそれが起こらないようにすることができます...私のコンテンツは特定のIDを持っており、それは非常に具体的です。それは、イメージ、divs、スパン、hタグ、pタグ..すべての通常のものが含まれています。 MY divのスタイルシートが頭に追加されます。特定のdivのすべてのページスタイルを消去し、その子要素です
アイデア?
、あなたはrecursivelyはJavaScriptを使用してdiv
のchild elementsを反復処理し、class
とstyle
属性をリセットすることができます。 fiddleまたは次のコードスニペットをご覧ください:
<html>
<head>
<style type="text/css">
.aClass {
font-size: 0.75em;
}
.anotherClass {
font-weight: bold;
color: Fuchsia;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function removeStuff(elem) {
elem.children().each(function() {
if ($(this).children().length > 0) {
$(this).removeClass();
$(this).removeAttr('style');
removeStuff($(this));
} else {
$(this).removeClass();
$(this).removeAttr('style');
}
});
}
</script>
</head>
<body>
<div id="myDiv">
<span class="aClass">This span is classy.</span>
<div style="font-size: 2em;">
This div has style.
<span class="anotherClass">Lorem Ipsum.</span>
</div>
</div>
<a href="javascript:removeStuff($('#myDiv'));">Remove classes & styles</a>
</body>
</html>
私のdivとその内容はjQueryによって書かれているので、これは行く方法かもしれません...冷たいあなたに私に例を教えてください? – Cybercampbell
これはいかがですか? http://jsfiddle.net/PcbHw/ –
驚くばかり!本当にありがとう。 Pefectのソリューション。 – Cybercampbell
IDを使用して特定のコンテンツを常にターゲットにし、特定のクラスを追加します。さらに、CSSのすべてのルールに重要な機能を追加してください。あなたが同じままにする必要があるすべてのものを無効にします。
その他のソリューションは、コンテンツにインラインCSSを使用することです。私が正しくあなたの質問を理解提供
影響を受けるCSSプロパティに '!important'を追加してみてください。 Ex。 'font-size:14px!important'です。つまり、私があなたの質問を正しく理解していれば。 – JCOC611
私はそれを私のスタイルに加えましたが、イメージマージンなど定義していないものがあるので、違いはありませんでした。私はすべてのページCSSをクリアするためにすべての定義を追加する必要がありますか? – Cybercampbell