How do I change the color of the span and i inside an anchor with CSS?

I'm trying to change the color of all elements inside of an anchor tag. These elements are i and span. However, I can't get my solution to work. Should I change the color one by one in CSS?

HTML and CSS

.active-link {
  color: #2268ff;
}

<li class="nav__item">
  <a href="#home" class="nav__link active-link">
    <i class="bx bx-home nav__icon"></i>
    <span class="nav__name">Home</span>
  </a>
</li>

You can directly add the class name to the "li" tag

.active-link {
  color: #2268ff;
}

<li class="nav__item active-link">
  <a href="#home" class="nav__link ">
    <i class="bx bx-home nav__icon"></i>
    <span class="nav__name">Home</span>
  </a>
</li>

How do I change the color of the span and i inside an anchor with CSS?

Related

Recent Posts