"inside"和"preceded by"都适用的CSS选择器

Question

向CSS专家提问。HTML页面在后端服务器端生成，并以如下结构到达前端客户端:

<div class="AA">  <!-- (1) -->
    ...
  <span class="SS"> ssss </span>
</div>
<div>     <!-- (2) -->
  <span> xxx </span>

是否有办法css选择<span> xxx ?(其中文件中的顺序是这样的):

• <span> xxx在<div>(2)内
• <div>(2)接div.AA (1)
• div.AA包含一个'span '。党卫军的

否则，一旦选择了div.AA span.SS，我怎么能添加进一步的关系div.AA + (div span) ?如果可能的话，我想选择跨度只有一个CSS语法(如果CSS版本2更好)，而不要求添加/更改我收到的HTML。

Answer 1

试着看看你想要达到的逻辑，看看是否有更简单的方法。

尽管你能得到的最接近的结果是下面的但它会选择任何子元素

.AA:not(:empty) + div span {color: #ccc;}