我试图在我的 body 和后续的 div 元素之间绑定一个 css 规则。使用 wordpress，我的 body 元素根据加载的页面定义了自己的类。我正在尝试实现一种样式，该样式基本上将检查类作者是否存在（body.author-<*>），然后找到具有相同类名的 div 并实现特定样式。
我不能使用任何内部 wordpress 函数，因为包含上述 div（作者列表）的列表是在我的代码中动态设置的。
另外，我希望避免使用 javascript，因为我希望尽可能将此更改的范围限制为 CSS。
此外，由于我的列表中列出了许多用户，因此为每个用户指定一个静态 css 规则，例如 body.author-user1 div.author-user1{}... 维护起来会很烦人，因为以后可能会添加新作者，我想限制任何未来的代码改成纯html。
仅使用 css 可以吗？
【问题讨论】：
标签： php javascript html css wordpress
您可以使用高级 CSS 选择器
正文[class^="author"] { }
查找类以作者开头的所有主体，然后对 div 执行相同操作
正文[class^="author"] div[class^="author"] { }
但是我不知道 ie 对低于 ie8 的兼容性。
【讨论】：
var bodyClass= $(body).attr('class'); jQuery(div[class^="author-"]).filter('.'+bodyClass).addClass('active'); 可能需要稍微调整一下，因为我还没有测试过。
bodyClass= $(body).attr('class'); 这行基本上不是提取所有类吗？通过这样做，您的第二行将过滤所有类，尽管语法不正确（因为它是“。”和数组之间的连接）？
我不确定您为什么要将 body 类和 inside 类都设置为 author-#。似乎最有意义的做法是向其中一个添加编号 ID（考虑到它的值的独特性），然后直接通过 CSS 控制该元素。
我不确定这是否仍然与您的问题有关，但是要进行“检查”以查看 author- 前缀是否在您的班级中，只需像这样使用attribute selector ：
body[class|=author] { ... }
【讨论】：
<div> 上分配一个额外的类。