我试图在我的正文和后续的 div 元素之间绑定(bind)一个 css 规则。使用 wordpress,我的 body 元素根据加载的页面为自身定义了类。我正在尝试实现一种样式,该样式基本上会检查类 author- 是否存在( body.author-<*>
),然后找到具有相同类名的 div 并实现特定样式。
我不能使用任何内部 wordpress 函数,因为包含上述 div(作者列表)的列表是在我的代码中动态设置的。
此外,我希望避免使用 javascript,因为如果可能的话,我想将此更改的范围限制在 CSS 上。
此外,由于我的列表中列出了很多用户,因此为每个用户指定一个静态 css 规则,例如 body.author-user1 div.author-user1{}...
维护起来会很烦人,因为以后可能会添加新的作者,而且我想将任何 future 的代码更改限制为纯 html。
仅使用 css 是否可行?
最佳答案
你可以使用高级的 css 选择器
body[class^="author"] { }
找到类以author开头的所有body然后对div做同样的事情
body[class^="author"] div[class^="author"] { }
但是我不知道任何低于 ie8 的 ie 兼容性。
关于php - CSS - 如何在两个元素之间匹配类(一个动态的和一个静态的),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8523038/