如何通过SASS访问所需的元素

请帮助我了解如何使用SASS访问元素，并在不向元素添加.class或ID的情况下更改标记元素的颜色。谢谢 您的HTML是这样的

<div class="content__left">

  <div class="offer__item">
    <h3 class="offer__title">
      Lorem <span>Ipsum</span>
    </h3>
  </div>

  <div class="offer__item">
    <h3 class="offer__title">
      Lorem <span>Ipsum</span>
    </h3>

  </div>
</div>

---

工作小提琴

.offer{.content_left{div{h3:n第二个孩子（2）span{

@Perry Nomad如果您想要更具体的答案，请告诉我。我认为这将为所有跨度添加红色。在页面上提供项目元素！@PerryNomad我已经更新了我的答案。请检查并让我知道。酷-非常感谢！！！我如何在没有长嵌套的情况下缩短它（在css中，它似乎太长了））。.content\uu left.offer\u item:n子项（2）.offer\u title span{color:red；}根据您的要求，我给出的解决方案是最短的：）如果您希望在不添加

class

或

id

的情况下以子项为目标，则必须使用嵌套。

.content__left {
  .offer__item:nth-child(2) {
      .offer__title {
        span {
          color: red; // your style goes here
        }
      }
    }
}