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 vote339 views1 answer
Not for specific child class
CSS
104 votes349 views6 answers
Media screen
CSS
7 votes307 views3 answers
Css right
CSS
0 vote312 views1 answer
How to overwrite a css importnat
CSS
1 vote311 views1 answer
Css different sreen size
CSS
0 vote324 views1 answer
Vertical align h1 inside div
CSS
0 vote309 views1 answer
Easy way raise specificity css
CSS
1 vote360 views1 answer
How to include a new font website
CSS
2 votes356 views1 answer
Tailwind icon animation
CSS
0 vote298 views1 answer
What is focus state in css
CSS