Html 当鼠标悬停在元素A上时，元素B是否应该单独使用SCS可见？ 一些内容 一些内容

如果将鼠标悬停在元素

class=“a”

上，则

class=“bd”

应可见。如果将鼠标悬停在

class=“a c”

上，则应该可以看到

class=“b”

。是否可以仅使用SCS执行此操作以及如何执行此操作？

请考虑与

~

组合的

:not（）

选择器

.a:不（.c）：悬停~*.b.d{
颜色：红色；
字体大小：粗体；
}
.a.c:悬停.b:不（.d）{
颜色：蓝色；
字体大小：粗体；
}

一些内容
屋宇署
B
一些内容

我们需要更多的上下文和CSS，如果要显示“bd”和“b”元素，那么如何悬停在“ac”上？这一个也将被隐藏，因为它在“a c”中没有内容。有其他元素以及“b d”和“b”编辑了问题

<element class="a">
  some content
</element>
<element class="a c">
   <element class="b d">
   <element class="b">
   some content
</element>