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 votes189 views1 answer
Css selector every child except last
CSS
5 votes189 views1 answer
Roblox player died
CSS
0 vote214 views1 answer
Flex basis
CSS
9 votes207 views3 answers
Animation on scroll css
CSS
0 vote212 views2 answers
How to set table data width in css
CSS
4 votes215 views5 answers
Bootstrap img src
CSS Bootstrap
0 vote190 views1 answer
Add elipses to a dom element with css
CSS
7 votes205 views3 answers
Border width css
CSS
7 votes187 views4 answers
List elements vertically in html
CSS
0 vote242 views1 answer
Bootstrap 4 input error
CSS Bootstrap