Можно ли применить стиль к родительскому блоку?

[nikki4]

есть код вида:

<p><img....></p>

картинку нужно во всю ширину страницы, но из-за стилей тега P, она имеет отступы и отображается не корректно.

 

можно ли  применить стиль только к тегу P после которого идет IMG?

наоборот знаю, можно: p img {} а нужно наоборот.

если да, то как?

 

[nikki4]

Нет, к родительскому блоку CSS применять нельзя, т.к. это нарушает саму идею CSS - каскад.

 

жаль. кстати я придумал решение.

можно сделать плагин, который на этапе формирования контента <p><img будет превращать в <p class=""><img

[Great Rash]

Нет, к родительскому блоку CSS применять нельзя, т.к. это нарушает саму идею CSS - каскад.

[wwt]

 

Нет, к родительскому блоку CSS применять нельзя, т.к. это нарушает саму идею CSS - каскад.

 

жаль. кстати я придумал решение.

можно сделать плагин, который на этапе формирования контента <p><img будет превращать в <p class=""><img

 

зачем плагин?

 

что мешает сделать вот так:

<div>  <img src="">  <p></p></div>

[Great Rash]

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

[wwt]

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

 

я вот так на скорую руку только один пример смог придумать где это может понадобится, если нужно менять что-то родителю в зависимости от состояния потомка, :checked, :focus и т.д.

[Great Rash]

:checked - это хак, который юзают, чтобы не писать скрипт, в любом случае это лечится лейблом (в таком случае неважно где там у тебя в дереве стоит чекбокс). Если так сделать можно, то это не значит, что так делать нужно.

:focus можно повесить на родителя если уж он тебе понадобился.

[wwt]

:checked - это хак, который юзают, чтобы не писать скрипт, в любом случае это лечится лейблом (в таком случае неважно где там у тебя в дереве стоит чекбокс). Если так сделать можно, то это не значит, что так делать нужно. :focus можно повесить на родителя если уж он тебе понадобился.

 

а если фокус нужно отлавливать на потомке, а не родителе? Если потомков более 1 и на каждый нужна своя реакция?

 

:checked - какой же это хак если описан в спеке http://www.w3.org/TR/css3-selectors/#checked

 

 

Вот собственно пример http://jsfiddle.net/6v1hzro2/

 

Повторить его на CSS можно, если целевой элемент будет не родителем, а находиться где-то ниже в дереве. А если нужно чтобы выше? Или родитель?

[nikki4]

зачем плагин?

 

что мешает сделать вот так:

<div>  <img src="">  <p></p></div>

Кулинарный сайт с фото-рецептами.

Копирайтеры присылают статьи в ворде

Я копирую из ворда в дримвивер (чтобы очистился весь мусорный код ворда, на мой взгляд он лучше всех чистит)

однако там все абзацы <br> я делаю замену по файлу на </p><p>

в результате

<br>

фото

<br>

превращается в <p>фото</p> - вот я и хотел сделать плагин чтобы класс присвоился такому абацу свой.

я уже это сделал. теперь правда решаю вопрос с переносом строки, так как некоторые фотки на отдельной строке от <p>

Edited November 6, 2015 by nikki4

[wwt]

Кулинарный сайт с фото-рецептами. Копирайтеры присылают статьи в ворде Я копирую из ворда в дримвивер (чтобы очистился весь мусорный код ворда, на мой взгляд он лучше всех чистит) однако там все абзацы
я делаю замену по файлу на

 

в результате
фото
превращается в

фото

- вот я и хотел сделать плагин чтобы класс присвоился такому абацу свой. я уже это сделал. теперь правда решаю вопрос с переносом строки, так как некоторые фотки на отдельной строке от

 

дримвьивер, ворд. =(

 

Я от форматирования ворда избавляют радикально, копирую в ворде и вставляю в notepad++, все теги вырезаются, совсем все. Потом верстаю так как надо, а не подстраиваясь под всякие дримвьиверы и ворды. И вам советую начать использовать язык разметки не подстраиваясь под программы. Вам потом будет легче это делать в любой программе.