Изменить padding-bottom на p

Question

Я ищу динамическое изменение padding-bottom на p элементах.

В блоге, где поток контента, например, (абзац) (абзац) (изображение) (изображение) (абзац), я хотел бы заполнить 30px между (абзацем) (изображением), но только 15px дополнение между пункт) (пункт).

Сайт построен на Wordpress и должен динамически присваивать этот принцип интервалов всякий раз, когда контент выкладывается таким образом.

Любые предложения? Это можно сделать? Благодаря!

Answer 1

Я думаю, что вы ищете смежные селекторные ролики.

Согласно спецификации CSS:

Соседние одноуровневых селекторы имеют следующий синтаксис: E1 + E2, где E2 является субъектом селектора. Селектор соответствует, если E1 и E2 совместно используют один и тот же родительский элемент в дереве документов, а E1 сразу предшествует E2, игнорируя неэлементные узлы (такие как текстовые узлы и комментарии).

См: http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors

В вашем случае вы можете использовать что-то вроде этого:

p + p { 
    padding-top: 15px; 
} 

p + img { 
    padding-top: 30px; 
} 

Вот полный пример: http://jsfiddle.net/6fyht2be/