html - 如何选择 A 类元素位于另一个 B 类元素之下？

Question

这是我的代码的一个简化片段:

<li id="work-5" class="work-5 class-B">
    <div>some other stuff</div>
    <div class="class-A"></div>
</li>
<li id="work-6" class="work-6 class-C">
    <div class="class-A"></div>
</li>

我想对类 A 元素应用一些 CSS 样式，该元素位于类 B 元素的树下。换句话说，我想对两个具有相同类(A 类)的元素应用不同的样式，这两个元素位于具有不同类的两个不同元素的树下的某个地方(不一定是第一个子元素)。我可以使用 CSS 选择器来实现吗？

Answer 1

基本 CSS:

.class-B .class-A {
   ...
}