Как сформировать селектор для img?

Question

[keslo]

Добрый день.
Помогите сформировать селектор для CSS, чтобы можно было присвоить стили картинки.
Вот иллюстрация.

Схема работы: Есть блок #tooltip. Этот блок генерится в конец body при помощи метода appeng JQuery в момент ready(). При наведении на миниатюру в таблице контента в содержимое этого блока вставляется укрупненное изображение миниатюры.

Никак не могу зацепить селектором тег img, которым вставляется укрупненная миниатюра в блок.
Сейчас CSS такой:

#tooltip {
	max-width: 250px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 999;
	border: 2px solid #2C4A8F;
	box-shadow: 2px 5px 10px 0px #ccc;
}
#tooltip > img {
    max-width: 250px;
}

Рабочая страница с кодом тут.

Answer 1

[Илья Шатохин]

У вас все правильно, только не понятно это (откуда лишняя скобка?):

}
}
#tooltip > img {

Comments

[Евгений Петров]

Вот так бывает — ходишь, ходишь, нож ищешь. Садишься и жопой чувствуешь — нашёл.

[keslo]

Илья Шатохин да, был лишний символ. Но все равно селектор не работает. Вроде плевое дело, но я не понимаю почему не привязывается селектор к элементу.

Попробовал принудительно через JS добавить. Добавляется.

[keslo]

У меня генерится такая строка: html("<img src=" + there.attr('src') + ">")Возможно ли, что стиль не подхватывается потому, что я вставляю тег в DOM после того уже как загрузилась уже вся страница или это не имеет значения?

[Илья Шатохин]

keslo: Не имеет значения.

[Илья Шатохин]

keslo: у вас на сайте странная запись в css файле :

#tooltip + img {
    max-width: 250px;
    max-height: 200px;
}

Должно быть #tooltip > img

[keslo]

Илья Шатохин: да, это я уже решил через "ближайшего соседа" попробовать и т.д. ....

Вообщем!

Все сейчас работает. Вернул как было на момент написания вопроса и просто перезалил на сайт О_о Столько времени и хз на что...

Еще маленький вопрос: на той же странице при появлении миниатюры под картинкой есть белая полоса. Откуда она берется? Судя по анализу стилей: внутри #tooltip. Устанавливал отступы и на картинку и на блок нулевыми, но все равно белая полоска под картинкой не уходит.

[keslo]

Илья Шатохин: опять же, рабочая страница с кодом тут.

[Евгений Петров]

#tooltip img {
    width: 100%;
    display: block;
}

[keslo]

Евгений Петров: отлично! Работает. Благодарю уже не в первый раз вас. А в чем было дело здесь?

[Евгений Петров]

keslo: Это, мать её, магия:)

[Евгений Петров]

keslo: И слушайте Илью — плохому не научит:)

[keslo]

Илья Шатохин Евгений Петров: несомненно, слушаю и впитываю ) Еще раз спасибо.