что означает тег "div.img img"? - PullRequest
Новая
       1

что означает тег "div.img img"?

5 голосов
/ 20 июня 2011

Я понимаю общую идею создания тега класса, такого как .center или p.center, но что значит сделать что-то вроде "p.center p"?Я видел такой пример в создании галереи изображений с помощью CSS.что значит 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>

Ответы [ 3 ]

14 голосов
/ 20 июня 2011

Все ответы, приведенные до сих пор, являются правильными, но, возможно, объяснение того, что не так, поможет.

Хотя div.img img { } повлияет на img элементы, содержащиеся в <div class="img"> элементах, вот некоторые элементы, на которые это не повлияет: 

<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>
9 голосов
/ 20 июня 2011

Это значит

Выберите любой элемент img
это потомок элемента div с классом img.

Класс img не имеет особого значения. В этом примере это выглядит немного странно.

3 голосов
/ 20 июня 2011

Селектор div.img img будет стилизовать теги img внутри div с классом "img".Например: 

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

Короче говоря, этот селектор будет стилизовать только теги img, содержащиеся в тегах div, имеющих класс img.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...