React exact path highlight

nav ul {
  list-style: none;
  display: flex;
  background-color: black;
  margin-bottom: 20px;
}

nav ul li {
  padding: 20px;
}

nav ul li a {
  color: white;
  text-decoration: none;
}

.current {
  border-bottom: 4px solid white;
}

Source: stackoverflow.com

Similar codes

2 votes367 views1 answer
How to add space between menu items in css
CSS
0 vote353 views1 answer
Value error w2 should be positive but is
CSS
9 votes349 views4 answers
Css animation infinite loop
CSS
-2 votes375 views2 answers
Tailwind border bottom
CSS
1 vote342 views1 answer
Css url do not change color of visited links
CSS
1 vote348 views1 answer
Css no underline
CSS
0 vote323 views1 answer
Named colors css
CSS
4 votes414 views3 answers
Css text dots
CSS
45 votes346 views6 answers
Css elipsis
CSS
0 vote405 views1 answer
Swiper slider autoplay
CSS