いくつかの特定の要素の内側にある要素

Question

CSSでは、特定の要素の内側にある要素の隣の要素にスタイルを適用できますか？

例：

<div class="container"> 
    <p>bla bla bla some text</p> 
    <p>bla bla bla some text</p> 
    <p>bla bla bla some text</p> 

    <p> <img src="url-of-image.jpg" alt="something"/> </p> 
    <p>this is the text that i want to apply some style, example: bold, red color</p> 

    <p>bla bla bla some text</p> 
    <p>bla bla bla some text</p> 
    <p>bla bla bla some text</p> 

    <p> <img src="url-of-image.jpg" alt="something"/> </p> 
    <p>this is the text that i want to apply some style, example: bold, red color</p> 

    <p>bla bla bla some text</p> 
    <p>bla bla bla some text</p> 
</div> 

あなたが見ることができるように、私はちょうどimg内部で持っているいくつかのpた後、次のpにスタイルを適用したいです。

.container内のすべてのコンテンツは、データベース（MySQL）のもので、CKEditorプラグインを使用してtextareaのPOST経由で格納されます。このプラグインはすべてpとなり、画像は同じプラグインで挿入されます。だから、ユーザーはクラスを置くことができず、テキストを入力し、イメージを挿入します（必ずしもそうではありません）。これが起こると（テキスト+ img）、次のpはイメージフッタになります。これが私がこのようにしなければならない理由です。

これは可能ですか？

Answer 1

残念ながら、純粋なCSSではこれを行うことはできません。要素の親を選択することはできません。また、要素に別の要素が含まれているかどうかを確認することもできません（:has、JQuery）。

これはSelector Level 4で変更されますが、サポートはまだ非常に制限されています。