Как применить стиль к элементам img внутри div?

Question

[Влад Зайцев]

Есть у меня на сайте контейнер div. Как мне применить стиль width: 100%; к элементам только внутри этого контейнера?
Я не могу написать сразу в тексте <img style="width: 100%;">, потому тогда придется обрабатывать каждый текст, который может быть внутри этого контейнера.
А если писать <style type="text/css">img {width: 100%;}</style> то оно применяется ко всем картинкам, что тоже не подходит.

Comments

[Сергей Протько]

вы можете в селекторе указать хоть всю ветвь dom дерева. достаточно у div контейнера класс добавить.

[Влад Зайцев]

Я, к сожалению, не очень понимаю в CSS

Answer 1

[Сергей Казаринов]

<style type="text/css">.article-content img {width: 100%;}</style>

Answer 2

[Назар Мокринский]

НЛО, пожалуйста, сжалься над нами, не пропускай такие вопросы!

Comments

[Влад Зайцев]

Я же не ругаюсь, когда отвечаю на вопросы типа "как мен светодиод включить" :)

[Иван Желудков]

Согласен, даже если это такой простой вопрос, можно ответить и вопрос никого больше не побеспокоит.

[Назар Мокринский]

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

[Влад Зайцев]

Без обид, но 90% вопросов про электронику - примитивнейшие примеры, которые быстрее найти.

[Артур Смирнов]

Бесит, когда ища в Гугле ответы как раз на такие простые вопросы, постоянно вылазят "умные" ответы: "Ищи в Гугле!", "НЛО, пожалуйста сжалься над нами, не пропускай такие вопросы!" и т.д.
Я с Гугла как раз пришел, чтобы прочитать о том, чтобы вновь искать в Гугле?
Не знаете ответа или избранность суперпрофи и гуру не дает моральное право написать правильный ответ вместо того, чтобы исходить на неостроумные филиппики и желчь - ну пройдите мимо топика, зачем тратить свое время и время сотен тех, кто потом придет с Гугла в этот топик.

Answer 3

[Anton Essential]

.article-content img {
    width: 100%;
}

Comments

[Влад Зайцев]

Шаблон не мой, и там в css черт ногу сломит - для меня не понятно. Как могу.

Answer 4

[Иван Желудков]

Это делается очень просто

Так вы сделаете, чтобы всё, что находится в контейнере с id="id" было width: 100%;

#id * {
width: 100%;
}

Так вы сделаете, чтобы всё, что находится в контейнере с id="id" было width: 100%;, но только если это img тег

#id img {
width: 100%;
}

Если сделаете так, то стили применяться только к прямым потомкам контейнера, то есть только те div, которые внутри, но те, которые будут внутри div-ов, которые внутри контейнера с id="id" применяться не будут. И да, только для img тегов. Если поставить вместо img звёздочку, то будет применяться ко всем элементам. Если поставить туда "a", то применится только к ссылкам (тег a). Надеюсь понятно объяснил.

#id > img {
width: 100%;
}

А если не поняли, вот урок от Зоракса, про селекторы, 10-15 минут видео и вы во всё разберётесь.

Answer 5

[Сергей Шилов]

DIV > IMG {width: 100%; height: auto;}