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

4 votes286 views4 answers
What is the "style", when creating an internal CSS?
CSS
0 vote343 views1 answer
Css aplying everything
CSS
0 vote319 views1 answer
Scale up and scale down animation in css
CSS
1 vote383 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
4 votes363 views4 answers
Conditionally assign a css class angular 9
CSS
7 votes324 views2 answers
Css id selector
CSS
2 votes287 views1 answer
Css content space
CSS
0 vote305 views1 answer
Css row
CSS
0 vote298 views1 answer
Transform translate-x ie11
CSS
0 vote340 views1 answer
Css max-width none
CSS