[WordPress] P に一番下のパディングを変更します。

スポンサーリンク

Question

p 要素を埋め込みの下部を動的に変更する探して

コンテンツ フローの場所、たとえば、ブログの記事で (paragraph)(paragraph)(image)(image)(paragraph)、30px の間に余白が好きだろう (のみ 15 px が paragraph)(image) の間の余白 (paragraph)(paragraph)

サイトはワードプレスに基づいて構築され、コンテンツは、この方法で広げて置かれるたびにこの間隔原則を動的に割り当てる必要があります

任意の提案ですか?それは可能ですか?ありがとうございます !

答え

隣接する兄弟セレクターは、あなたが探しているものだと思います

CSS 仕様によると:

隣接する兄弟セレクターは、次の構文を持っている: E1 + E2, E2 はセレクターの件名。セレクター一致 E1 と E2 は、ドキュメント ツリーで同じ親を共有し、場合 E1 の直前に非要素ノード (テキスト ノードなどのコメント) を無視する E2

を参照してください: http://www.w3.org/TR/CSS21/selector.html#adjacent-セレクター

あなたのケースでこのようなものを使用することができます:

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

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

ここでは、完全な例: http://jsfiddle.net/6fyht2be/

http://stackoverflow.com/questions/27531886/modify-padding-bottom-on-p

スポンサーリンク

Leave a Reply