时间戳

首页 > 解决方案 > 如何根据页面上其他位置的另一个元素的类来选择一个元素

html - 如何根据页面上其他位置的另一个元素的类来选择一个元素

问题描述

我知道我可以使用组合器选择特定类的后代或同级。我有一种情况，我想在一个完全独立的元素包含某个类的任何页面上设置一个元素的样式。这适用于某些页面具有特定类别的 wordpress 站点，它将该类别的名称添加到页面上的元素中。我想在这些页面中的任何一个上设置一个完全独立的元素，但该元素不是我要查找的类的后代或兄弟。

想象一下这个简化的场景：

<div>
    <div>
        <div class="desired-cat"></div>
    </div>
<div>
<div>
    <div>
        <div class="target-element"></div>
    </div>
<div>

我是否可以在该页面某处使用 .desired-cat 的任何页面上设置 .target-element 样式？谢谢！

标签： htmlcsscss-selectors

解决方案

在 WordPress 中，您可以使用body classes。

每个页面、类别、标签等都有自己的类。

因此，您可以使用这些类来设置特定区域的样式。

例子：

...
<body class="archive category category-physiotherapy category-76 logged-in admin-bar wp-custom-logo hfeed customize-support">
...

推荐阅读