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

0 vote279 views1 answer
Css custom cursor form image
CSS
68 votes253 views6 answers
Css cursor pointer
CSS
9 votes283 views3 answers
How to affect a deffernt element in css
CSS
3 votes257 views1 answer
Learn css animation
CSS
1 vote255 views1 answer
Perimeter around my background image
CSS
0 vote265 views1 answer
Tailwind accordion
CSS
2 votes270 views2 answers
Display none transition
CSS
1 vote234 views2 answers
Fixed within the div css
CSS
0 vote243 views1 answer
Chrome close tab after print
CSS
0 vote257 views1 answer
Css start animation on hover
CSS