元素旁边的元素具有一些特定元素

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> 

正如你所看到的，我想将样式应用到下一个p，只是一些p有一个img内之后。

.container中的所有内容来自数据库（MySQL），并通过POST从textarea与CKEditor插件进行存储。这个插件放置所有p，插入的图像与插件相同。因此，用户不能放置课程，他们只需键入文本，插入图像（并非总是），当发生这种情况时（text + img），下一个p将成为图像页脚，具有某种风格。这就是为什么我需要这样做。

有没有可能做到这一点？

Answer 1

不幸的是，纯粹的CSS并没有允许你这样做。您不能选择元素的父元素，也不能检查元素是否包含其他元素（JQuery中的:has）。

这将随Selector Level 4更改，但支持仍然非常有限。