基于邻居元素可见性的css选择器

Question

在以下结构中

<dl>
    <dt>Text</dt>
        <dd>MoreText</dd>
    <dt>Text 2</dt>
        <dd>MoreText 2</dd>
</dl>

如果相应的dd设置为display：none，我想灰显文本（dt）。我相信有一种方法可以将css选择器结合起来实现这一目标，但却找不到可行的解决方案。

Answer 1

没有“前兄弟”选择器这样的东西。但是，有一个“next sibling”选择器。

请参阅this question以供参考。

Answer 2

没有这样的事情。您必须使用JS / JQuery来操作类。 你必须看一下像XPath一样的css规则，你可以更深入，而不是侧面。

Answer 3

我认为在css中不可能，因为你想根据条件这样做 但你可以使用jquery / javascript来实现相同的

1。）通过检查邻居的状态 2.）然后得到它的父母， 3.）然后最终选择所需的元素 4.）对所需元素进行更改