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

35 votes120 views2 answers
Css code for margin
CSS
9 votes126 views4 answers
Chmod recursive
CSS
161 votes191 views4 answers
Link external css
CSS
0 vote122 views1 answer
Backwards text css
CSS
3 votes122 views3 answers
Css border left
CSS
0 vote121 views1 answer
Load hidden image to HTML
CSS
0 vote121 views1 answer
Css calc function
CSS
0 vote117 views2 answers
Background Video.module.css'
CSS
0 vote133 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
5 votes80 views1 answer
Bootstrap darkmode
CSS