同じスタイルシートを共有する 2 つのページがあります。もう一方に影響を与えずに、一方を変更するにはどうすればよいですか? 私はコーディングが初めてなので、できるだけ具体的に教えてください。
例: HOME ページにメイン画像があり、PRACTICE AREAS ページでそれを削除したいのですが、そうするとすべてのページで削除されてしまいます。
助けてください、そして前もって感謝します!
同じスタイルシートを共有する 2 つのページがあります。もう一方に影響を与えずに、一方を変更するにはどうすればよいですか? 私はコーディングが初めてなので、できるだけ具体的に教えてください。
例: HOME ページにメイン画像があり、PRACTICE AREAS ページでそれを削除したいのですが、そうするとすべてのページで削除されてしまいます。
助けてください、そして前もって感謝します!
ページのスタイルを変更するための良い方法は、クラス名を body またはページに対応する囲み div に適用することです。次に例を示します。
<body class="home">
<div>Content here</div>
</body>
これにより具体性が高まるため、CSS で次のように記述できます。
.home div {
background-image: url('your-image.jpg') no-repeat left top;
}
...またはそのようなもの。
しかし、ホームページの画像はプレゼンテーションではなくコンテンツのようです。その場合、CSS ではなく HTML に含める必要があります。
<body class="home">
<div><img src="your-image.jpg"> Content here</div>
</body>
それは役に立ちますか?
私の知る限り、CSS で条件を指定することはできません。「Practice Areas」ページ用に 2 番目のスタイル シートを作成し、メイン イメージを表示するスタイル要素をオーバーライドすることをお勧めします。例えば
/* メイン スタイル シート上 */
body
{
background-image: url(../graphics/main_page.jpg);
}
/* On Practice Areas style sheet: */
body
{
background-image: none;
}