タグ "div.img img"はどういう意味ですか？

.centerやp.centerなどのクラスタグを作成するという一般的な考え方を理解していますが、 "p.center p"のようなことはどういう意味ですか？私はこのような例をCSSで画像ギャラリーを作成するのに見ました。 div.img imgの意味は何ですか？本当にありがとう！タグ "div.img img"はどういう意味ですか？

<html> 
<head> 
<style type="text/css"> 
div.img 
{ 
    margin: 2px; 
} 
div.img img 
{ 
    display: inline; 
    margin: 3px; 
    border: 1px solid #ffffff; 
} 
div.img a:hover img {border: 1px solid #0000ff;} 

</style> 
</head> 
<body> 
<div class="img"> 
    <a target="_blank" href="klematis4_big.htm"><img src="klematis4_small.jpg" alt="Klematis" width="110" height="90" /></a> 
</div> 
</body> 
</html>

出典

2011-06-20 Sasha

彼らはセレクタです、タグはありません：div.img img { }は<div class="img">要素に含まれるimg要素に影響を与えますが

、ここではそれが影響することはありませんいくつかの要素があります。 – BoltClock

これまでの回答はすべて正確ですが、おそらくそれが役に立たないものも説明しています。

<body> 

    <img src="klematis4_small.jpg" alt="Klematis"><br> 
    This image is not contained in a div, therefore it cannot possibly be 
    contained in a div of the class "img" and is therefore unaffected. 

    <div> 
    <img src="klematis4_small.jpg" alt="Klematis"><br> 
    This img element is in a div, but the div is not of the class "img", 
    so the img element is unaffected. 
    </div> 

    <div id="img"> 
    <img src="klematis4_small.jpg" alt="Klematis"><br> 
    This img is contained within a div that has an ID of "img", but it is 
    also not of the class "img" and is therefore unaffected. 
    </div> 

</body>

出典

2011-06-20 00:27:26 TimFoolery

+1とても良い例です。私はそれをさらに良くするために欠けていた。 – BoltClock

それはクラスimgとdiv要素の子孫である任意のimg要素
を選択し

を意味します。

imgクラスには特別な意味はありません。この例ではちょっと混乱しています。

出典

2011-06-20 00:19:22 alex

**すべて** img要素を選択してください... –

@ŠimeVidas：fixed（somewhat） – BoltClock

もう少し修正しました –

セレクタdiv.img imgセレクタは、div内のimgタグをクラス "img"でスタイルします。たとえば、

簡潔に言えば、クラスimgを持つdivタグ内に含まれるimgタグのみがそのセレクタによってスタイルされます。

出典

2011-06-20 00:20:12

タグ "div.img img"はどういう意味ですか？

答えて

関連する問題