co oznacza znacznik "div.img img"?

Rozumiem ogólną ideę tworzenia znacznika klasy, takiego jak .center lub p.center, ale co to znaczy zrobić coś w stylu "p.center p"? Widziałem taki przykład w tworzeniu galerii obrazów z css. co znaczy div.img img? wielkie dzięki!co oznacza znacznik "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>

Źródło

2011-06-20 Sasha

Nie są znaczniki są selektorów. – BoltClock

Wszystkie dotychczasowe odpowiedzi są poprawne, ale być może pomocne będzie również wyjaśnienie, co to nie jest.

Podczas div.img img { } wpłynie img elementów zawartych w <div class="img"> elementów, tutaj są pewne elementy, które nie wpłynie to:

<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>

Źródło

2011-06-20 00:27:26 TimFoolery

+1 Bardzo ładny przykład. Wpadłem, żeby było jeszcze lepiej. – BoltClock

Oznacza to

Wybierz dowolny img elementu
że jest potomkiem elementu div z klasą img.

Klasa img nie ma specjalnego znaczenia. W tym przykładzie wygląda trochę myląco.

Źródło

2011-06-20 00:19:22 alex

Wybierz ** wszystkie ** elementy img, które ... –

@ Šime Vidas: naprawiono (nieco) – BoltClock

Naprawiłem to trochę więcej również –

Selektor div.img img będzie stylować znaczniki IMG wewnątrz elementów div za pomocą klasy "img". Na przykład:

<div class="img"> 
    <img src="foo.jpg" alt="" /> 
</div>

w skrócie, tylko img tagi, które są zawarte w tagach div mających img klasa będzie stylizowany przez tego selektora.

Źródło

2011-06-20 00:20:12

co oznacza znacznik "div.img img"?

Odpowiedz

Powiązane problemy