人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ホームページ制作について質問です。
CSSにてイメージタグを
img {
margin: 10px;
padding: 1px;

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

●質問者: demati
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● a-kuma3
●50ポイント

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

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

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

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

dematiさんのコメント
イメージタグは上記で変更出来ましたが、 a:hover img { } この設定は、どうやって制御するのでしょうか?

a-kuma3さんのコメント
同じように、img のところを、.image_A や #image_B に置き換える感じです。 ↓のような感じです。 http://jsfiddle.net/a_kuma3/kyKdp/

2 ● Cherenkov
●50ポイント

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

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

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

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

参考
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ