Выбрать определенный элемент селектором css

Question

Подскажите css селектор, чтобы выбрать все ссылки, кроме первой ("Страница 1"). Html структуру менять нельзя.

<div class="breadcrumbs-wrapper">
  <div class="container">
    <div class="breadcrumbs">
      <span>
        <span>
          <a href="#">Страница 1</a> »
          <span>
            <a href="#">Страница 2</a> »
            <span>
              <a href="#">Страница 3</a> »
              <span class="last">Текущая</span>
            </span>
          </span>
        </span>
      </span>
    </div>
  </div>
</div>

Answer 1

Выбор элементов a, для которых родительским элементом (>) является span, которому предшествует (~) элемент a

a~span>a {
  color: red
}

<div class="breadcrumbs-wrapper">
  <div class="container">
    <div class="breadcrumbs">
      <span>
        <span>
          <a href="#">Страница 1</a> »
          <span>
            <a href="#">Страница 2</a> »
            <span>
              <a href="#">Страница 3</a> »
              <span class="last">Текущая</span>
            </span>
          </span>
        </span>
      </span>
    </div>
  </div>
</div>

БЛОГ НА HUSL

Выбрать определенный элемент селектором css

Ответы (1 шт):