Как выбрать элемент класса A, который находится под другим элементом класса B?

Вот упрощенный фрагмент моего кода:

<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>

Я хочу применить некоторые стили CSS к элементу класса A, который находится под деревом элемента класса B. Другими словами, я хочу применить другой стиль к двум элементам с одним и тем же классом (класс-A), которые находятся где-то (не обязательно первым дочерним элементом) под деревом двух разных элементов с разными классами Могу ли я использовать селекторы CSS для достижения этой цели? ?