ホームページ制作について質問です。

CSSにてイメージタグを
img {
margin: 10px;
padding: 1px;

display: block;
border: 0px;
}
のようにした場合、全てのイメージタグに適応されてしまいます。
あるイメージタグでは違う設定をしたい場合はどのような記述方法が考えられますか?

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/02/16 19:11:58
  • 終了:2012/02/23 19:15:08

回答(2件)

id:a-kuma3 No.1

a-kuma3回答回数4521ベストアンサー獲得回数18792012/02/16 19:18:29

ポイント50pt

クラスもしくは、id を指定する。

<style>
.image_A {	/* クラスを指定 */
	...
}

#image_B {	/* id を指定 */
	...
}
</style>

<img class="image_A" src="...">		<!-- クラスを指定 -->
<img id="image_B" src="...">		<!-- id を指定 -->
id:demati

イメージタグは上記で変更出来ましたが、
a:hover img {

}

この設定は、どうやって制御するのでしょうか?

2012/02/17 00:56:33
id:a-kuma3

同じように、img のところを、.image_A や #image_B に置き換える感じです。
↓のような感じです。
http://jsfiddle.net/a_kuma3/kyKdp/

2012/02/17 01:10:41
id:Cherenkov No.2

Cherenkov回答回数1503ベストアンサー獲得回数4932012/02/16 19:20:35

ポイント50pt

img要素にclassかidを付けて指定するか、特徴的なDOM構造を捉えたCSSセレクタを記述すればいいと思います。

<div id="box">
  <img class="thumb" src="hatena.jpg">
</div>

img.thumb { thumbクラスのimgにマッチ}

#box img { idがboxの子孫のimgにマッチ}

参考

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません