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

Рейтинг: 0Ответов: 1Опубликовано: 04.03.2023

Подскажите 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>
css html css3
Источник: Stack Overflow на русском

Ответы

▲ 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>