目标元素位于其他元素之前

在我对此进行研究的过程中，我偶然发现这个线程 https://stackoverflow.com/questions/10225364/select-specific-element-before-other-element，但由于它已有 2 岁了，我想知道最近是否有一种方法可以定位位于另一个元素之前的元素。

例如：

<span> Element Before Div </span>
<div id="thediv"> Target Span From Here Using #thediv </div>

有没有CSS可以做到这一点吗？
我知道的用法jQuery，我宁愿不使用它如果这可以用普通 CSS 实现的话。

先感谢您。

编辑：澄清用法的示例。

  <ul>
     <li>
        <span>SubTitle Span</span>
        <div class="subdiv">Some content after SubTitle</div>
     </li>
     <li>
        <span>Item Description</span>
        <div>Item Content</div>
     </li>
     <li>
        <span>Item Description</span>
        <div>Item Content</div>
     </li>
     <li>
        <span>SubTitle Span</span>
        <div class="subdiv">Some content after SubTitle</div>
     </li>
     <li>
        <span>Item Description</span>
        <div>Item Content</div>
     </li>
     <li>
        <span>Item Description</span>
        <div>Item Content</div>
     </li>
     <li>
        <span>SubTitle Span</span>
        <div class="subdiv">Some content after SubTitle</div>
     </li>
     <li>
        <span>Item Description</span>
        <div>Item Content</div>
     </li>
  </ul>

不，单独使用 CSS 是不可能的

如果你的 HTML 结构如下，那么可以使用 CSS

<div id="thediv"> Target Span From Here Using #thediv </div>
<span> Element Before Div </span>

例如，要使用 div 更改跨度的颜色，您可以写为

#thediv + span {
color:blue;
}

这就是所谓的相邻兄弟选择器 https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectorsr.

CSS 中无法定位前一个元素，但可以定位后一个元素，如上所示。