Help with Bootstrap symbols

When I look at the Bootstrap css code I have seen a greater than symbol ( > ) used in the nested class path. What does the > symbol mean in this context??

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;

Thanks in Advance


1 Like

Thanks @BenGitter :relaxed:

That Link Helped explain it