angularjs - How can I exclude one specific class by css? -

i have nested tab. can access (http://plnkr.co/edit/qbmjutweirfhypgeluiz?p=preview)

i want apply class .verticaltab class wrote css that:

css:

.nav-tabs {     float: left;     } .verticaltab:not(.horizantaltab) .nav-tabs li.active>a{     background: antiquewhite; } 

html:

<tabset vertical="true" type="tabs" class="vertical">     <tab>         <tab-heading>a</tab-heading>         <tabset class="horizantaltab">             <tab><tab-heading>sony</tab-heading></tab>             <tab><tab-heading>vestel</tab-heading></tab>         </tabset>     </tab>     <tab>         <tab-heading>b</tab-heading>         <tabset class="horizantaltab">             <tab><tab-heading>sony</tab-heading></tab>             <tab><tab-heading>vestel</tab-heading></tab>         </tabset>     </tab> </tabset> 

but not work. please me. horizontal tab applies background color.

if understand angular output correctly, had it, cascade applies (:not(.horizantaltab) never matched). try:

.verticaltab > .nav-tabs li.active > {     background: antiquewhite; }