<ul class="nav">
<li class="nav-item">
<a href="/target-link" class="nav-link">
Нужная ссылка
</a>
</li>
<li class="nav-item">
<a href="/another-link" class="nav-link">
Ненужная ссылка
</a>
</li>
<li class="nav-item">
<a href="/another-link" class="nav-link">
Ненужная ссылка
</a>
</li>
<li class="nav-item">
<a href="/another-link" class="nav-link">
Ненужная ссылка
</a>
</li>
</ul>
.nav {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
color: #333;
background-color: #f5f5f5;
}
.nav-link[href*="target-link"] {
color: #f00;
background-color: #f5c5c5;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.