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 vote145 views1 answer
Underlined style for a link
CSS
0 vote154 views1 answer
How to truncate a multiline text using css
CSS
3 votes147 views3 answers
Box sizing border box
CSS
21 votes135 views2 answers
Remove focus border
CSS
22 votes135 views4 answers
Import font css from url
CSS
8 votes140 views4 answers
Css fill div with background image
CSS
0 vote145 views1 answer
Putting picture shaddow in css
CSS
0 vote96 views2 answers
Media query for tablet only
CSS
17 votes150 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
-1 vote180 views2 answers
Insert image by css
CSS