php - CSS - 如何在两个元素之间匹配类(一个动态的和一个静态的)

Question

我试图在我的正文和后续的 div 元素之间绑定(bind)一个 css 规则。使用 wordpress，我的 body 元素根据加载的页面为自身定义了类。我正在尝试实现一种样式，该样式基本上会检查类 author- 是否存在( body.author-<*> )，然后找到具有相同类名的 div 并实现特定样式。

我不能使用任何内部 wordpress 函数，因为包含上述 div(作者列表)的列表是在我的代码中动态设置的。

此外，我希望避免使用 javascript，因为如果可能的话，我想将此更改的范围限制在 CSS 上。

此外，由于我的列表中列出了很多用户，因此为每个用户指定一个静态 css 规则，例如 body.author-user1 div.author-user1{}...维护起来会很烦人，因为以后可能会添加新的作者，而且我想将任何 future 的代码更改限制为纯 html。

仅使用 css 是否可行？

Answer 1

你可以使用高级的 css 选择器

body[class^="author"] {  }

找到类以author开头的所有body然后对div做同样的事情

body[class^="author"] div[class^="author"] {  }

但是我不知道任何低于 ie8 的 ie 兼容性。