CSS选择器“里面”＆amp; “先于”均适用

Question

CSS专家提问。在BackEnd服务器端生成一个HTML页面，并在FrontEnd-client上以如下结构到达我：

<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.SS'

另有说法，一旦选择了div.AA span.SS我如何添加进一步的关系div.AA + (div span)？ 如果可能的话，我想仅使用CSS语法选择该范围（如果CSS版本2更好），而无需添加/更改我正在接收的HTML。

Answer 1

尝试查看您要实现的目标的逻辑，看看是否有更简单的方法。

尽管你能得到的最接近的是以下内容，但这将获取任何子元素

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