Das Element neben dem Element, das in einem bestimmten Element enthalten ist

Question

In CSS kann ich einen Stil auf ein Element neben einem Element anwenden, das in einem bestimmten Element enthalten ist.

Beispiel:

<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> 

Wie Sie sehen können, ich möchte den Stil auf die nächste p anzuwenden, nur nach einiger p, die innerhalb eines img haben.

Der gesamte Inhalt innerhalb stammt aus der Datenbank (MySQL) und wird per POST von einem textarea mit CKEditor-Plugin gespeichert. Dieses Plugin setzt alle p, das Bild wird mit dem gleichen Pluggin eingefügt. Also, Benutzer können keine Klasse setzen, sie geben nur Text, Bilder einfügen (nicht immer), und wenn dies passiert (Text + img), wird die nächste p die Bild Fußzeile, mit etwas Stil. Deshalb muss ich es auf diese Weise machen.

Ist es möglich, dies zu erreichen?

Answer 1

Leider erlaubt Ihnen reines CSS (noch) nicht, dies zu tun. Sie können das übergeordnete Element eines Elements weder auswählen noch prüfen, ob ein Element ein anderes Element enthält (:has in JQuery).

Dies ändert sich mit Selector Level 4, aber die Unterstützung ist immer noch sehr begrenzt.