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），并通过带有CKEditor插件的textarea的POST存储。此插件放置所有p，图像插入相同的插件。因此，用户不能放一个类，他们只是键入文本，插入图像（并不总是），当发生这种情况时（text + img），下一个p将是图像页脚，具有一些样式。这就是我需要这样做的原因。

有可能实现这个目标吗？

Answer 1

不幸的是，纯CSS不允许你这样做。您不能选择元素的父元素，也不能检查元素是否包含另一个元素（JQuery中的:has）。

这将随Selector Level 4而变化，但支持仍然非常有限。

元素旁边的元素，其中包含一些特定元素

1 个答案: