Используя CSS, как я могу нацелить контент, к которому применен класс к его родительскому тегу?

Question

Я хочу удалить слово CART и ссылку на него.Как я могу настроить таргетинг через CSS

<div class="header-contact">
  <i class="fa fa-phone"></i>
  <a href="tel:18338696433"><b> +(1)-833-869-6433 </b></a>
  <span class="gap">|</span>
  <a href="#">CART</a>
</div>

Answer 1

Возможно, стоит попробовать .header-contact a:nth-of-type(2) { display: none;}, если структура всегда остается неизменной.

Answer 2

Если вы хотите скрыть только ссылку:

.header-contact .gap + a { display: none; }

<div class="header-contact">
  <i class="fa fa-phone"></i>
  <a href="tel:18338696433"><b> +(1)-833-869-6433 </b></a>
  <span class="gap">|</span>
  <a href="#">CART</a>
</div>

Если вы также хотите скрыть разделитель .gap:

.header-contact [href^=tel] ~ * { display: none; }

<div class="header-contact">
  <i class="fa fa-phone"></i>
  <a href="tel:18338696433"><b> +(1)-833-869-6433 </b></a>
  <span class="gap">|</span>
  <a href="#">CART</a>
</div>