Проблема с переосмысленным стилем Navbar в начальной загрузке 3 ⇐ CSS

[Anonymous]

I am trying to generate a custom navbar which looks like separate buttons (see this JS Fiddle) as following image:


Since I have two navbars in my page so I wrapped the first navbar inside a div обертка называется .firstnav as:

Код: Выделить всё

Toggle navigation




[url=#]Teddy Bear Childcare[/url]



[list]
[*][url=index.php?page_id=4]Home[/url]
[*]
[url=#]About Us [/b][/url]

[url=index.php?page_id=18]About Us[/url]
[/list]

[*][url=index.php?page_id=15]Programs[/url]
[*][url=index.php?page_id=25]Testimonial[/url]

и для CSS я пытаюсь нацелиться на элемент, используя .firstnav> , который не работает для меня, пока!. Вот код, который я имею для CSS < /p>

Код: Выделить всё

.firstnav > .navbar-default,
.firstnav > .navbar-right {
background-color:none !important;
border-color:none !important;
}
.firstnav > .navbar-nav > li {
float: left;
background: rgba(250,172,84,1);
background: -moz-linear-gradient(top, rgba(250,172,84,1) 0%, rgba(245,142,35,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,172,84,1)), color-stop(100%, rgba(245,142,35,1)));
background: -webkit-linear-gradient(top, rgba(250,172,84,1) 0%, rgba(245,142,35,1) 100%);
background: -o-linear-gradient(top, rgba(250,172,84,1) 0%, rgba(245,142,35,1) 100%);
background: -ms-linear-gradient(top, rgba(250,172,84,1) 0%, rgba(245,142,35,1) 100%);
background: linear-gradient(to bottom, rgba(250,172,84,1) 0%, rgba(245,142,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faac54', endColorstr='#f58e23', GradientType=0 );
margin-left:8px;
border:#fff 4px solid;
border-radius:25px;
color:white;
width:120px;
}
.firstnav >  .navbar-nav > li > a {
padding-top: 12px;
padding-bottom: 12px;
color:white;
font-weight:bold;

}

Что я могу делать неправильно?

Подробнее здесь: https://stackoverflow.com/questions/200 ... ootstrap-3