コンテンツ
HTML要素に適用されたCSS宣言（ "Cascading Style Sheet"）を変更することは、複雑な作業のように思えるかもしれません。しかし、体系的にアプローチしている限り、複雑なことなく必要な変更を加えることは可能です。単一のWebページで複数のソースからのスタイルプロパティを使用できます。このように、あなたの最初の仕事はあなたの "div"の宣言がどこから来ているのかを見つけることです。いったん見つかったら、HTMLまたはCSSコードを変更することによってそれらが要素に影響を与えるのを防ぐことができます。
説明書
-
WebページのCSSがどこに格納されているか調べます。 CSSコードはインラインで表示されることがあります。つまり、スタイル宣言は、次の例の構文のように要素をマークすることの一部としてリストされています。
このコードがあなたの "div"の中にある場合は、その値を使って "style"属性全体を削除することができます。 CSSコードは、ページの「head」セクション内に次のように表示されます。body {background-color：＃000000;}
CSSコードは、次のようにページの「head」セクションにリンクを持つ1つ以上の個別のCSSファイルにも表示されることがあります。
-
ページの "head"セクションまたは別のファイルにCSSコードがある場合は、すべてのCSSコードを検索して、 "div"要素のスタイルを変更する必要があります。
-
"div"要素を参照しているCSSコードを確認してください。 CSSは、次のような要素タイプに適用できます。div {padding：5px; }
ページの「先頭」にあるCSSまたは別のファイルがこのように使用される識別子「div」を持つ場合、CSSブロック内のコードはその要素に影響を与えます。あなたの "div"への効果を変更するが、コードをサイト内の他の "div"要素に適用させるためには、 "div"を異なる要素タイプに変更することができます。あるいは、CSSコードを特定のクラス属性を持つ「div」要素にのみ適用するように変更し、この属性をCSSを適用する「div」要素に追加することもできます。
-
要素のクラスを参照しているCSSコードを確認してください。 HTML要素には、次のようなクラス属性があります。
あなたの "div"がクラス属性を持っているなら、あなたのCSSコードでその属性の値を見てください。次のように、それはそれ自身の属性の中に現れるかもしれません。CSSの宣言/ }
あるいは、次のように要素タイプとともに表示されることがあります。div.top {/CSSの宣言/ }
そのいずれかが表示された場合は、そのクラス属性を変更または削除することによって、宣言が要素に適用されないようにすることができます。 CSSコードを削除すると、作業中の要素だけでなく、そのクラスの他の要素にも影響を及ぼす可能性があります。
-
CSSコードであなたの要素IDを確認してください。次のように、あなたの要素は一意のID属性を持つことができます。
要素にID属性がある場合は、CSS内でそれを検索し、次の構文を検索します。
見出し
/CSSの宣言/ }
IDは一意である必要があるため、各ページ内でID属性値は一度だけ表示されます。 ID属性の値を変更すると、CSSコードが "div"要素に影響を与えないようになります。それでもオプションでCSSコードを変更または削除できますが、サイトの他のページで同じIDを持つ要素が同じCSSコードを使用している場合、それらの要素に影響する可能性があります。
-
あなたの "div"の親要素または子要素に影響するCSSコードを探してください。親要素のCSSコードはあなたの "div"に反応するでしょう、それであなたはこのコードに変更を加える必要があるかもしれません、それらはあなたのサイトの残りに影響を与えるかもしれませんが。あなたの "div"の中の要素もCSSコードを適応させたかもしれません。 "div"自体に使用されているのと同じ方法を使用して、一度に各子要素を処理して確認します。
どうやって
- Firebugなどのブラウザツールは、HTMLおよびCSSコードを変更するときに役立ちます。
お知らせ
- 既存のサイトを変更すると、予期しない結果が生じる可能性があります。このため、変更する予定のすべてのファイルのコピーを保存することをお勧めします。
