Как добраться до нужного элемента через SASS

Question

Пожалуйста, помогите мне понять, как добраться до элемента с помощью SASS и изменить цвет для помеченного элемента без добавления .class или ID к элементу. Большое спасибо

Answer 1

Ваш 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>

, а SCSS будет

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

Рабочая скрипка Здесь