Update justified nav CSS for proper selectors

1 files changed, 4 insertions, 5 deletions

diff --git a/justified-nav.html b/justified-nav.html
index a87b3b9d1..fdd706a8f 100644
--- a/justified-nav.html
+++ b/justified-nav.html
@@ -42,7 +42,7 @@ title: Justified nav template
     border-radius: 5px;
     border: 1px solid #ccc;
   }
-  .nav-justified li a {
+  .nav-justified > li > a {
     padding-top: 15px;
     padding-bottom: 15px;
     color: #777;
@@ -60,17 +60,17 @@ title: Justified nav template
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
     background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
   }
-  .nav-justified .active a {
+  .nav-justified > .active > a {
     background-color: #ddd;
     background-image: none;
     box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
   }
-  .nav-justified li:first-child a {
+  .nav-justified > li:first-child > a {
     border-left: 0;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
   }
-  .nav-justified li:last-child a {
+  .nav-justified > li:last-child > a {
     border-right: 0;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
@@ -86,7 +86,6 @@ title: Justified nav template
       padding-left: 0;
       padding-right: 0;
     }
-    /* Make the nav on the same line */
   }
 
 </style>