Отменить применение стиля дочернему элементу в CSS?

Question

[Юрий Кириллов]

И так, Wordpress расставляет автоматом тэги P и IMG, в итоге получается следующий макет страницы:

...
<p> text text text </p>
<p> text text text </p>
<p><img src="site"></p>
<p> text text text </p>
...

И CSS:

body { width: 100% }

p { paddgin: 0 15px }

Так вот этот padding применяется и к img. Как можно сделать отступы только у текста, а картинка была на все 100%?

Пока что реализовано:

p img {
width: calc(100% + 30px);
position: relative;
left: -15px
}

Но такой код не работает на мобильных устройствах, есть ли универсальная альтернатива?

Comments

[Ярослав Иванов]

Ну так код все верно и отрабатывает. Вы делаете отступ внутри P и появляются границы. Картинка опирается на эти границы. А то, что у вас уже реализованно это и есть решение.

Answer 1

[Ксения]

Присвой этому P класс с модификатором, или обратись через :nth-child(n)