如何通过css排除一个特定类？

我有嵌套选项卡。您可以从（）访问

我只想将该类应用于

.verticaltab

类，因此我编写了如下css：

CSS:

HTML:

A.
索尼
维斯特尔
B
索尼
维斯特尔

---

但它不起作用。你能帮帮我吗。水平选项卡也应用背景色。

如果我正确理解了角度输出，正如您所理解的那样，级联应用于所有（

：not（.horizantaltab）

从不匹配）。尝试：

要显示：not告诉属性不通过另一个选择器或类应用，但not class必须在其他地方用属性声明，否则它将对页面没有影响：

p:not（.classy）{color:red；}
正文：非（p）{颜色：绿色；}

一些文本

一些其他文本
另一个文本

问题寻求代码帮助时，必须包含在问题本身中重现代码所需的最短代码。虽然您提供了一个示例的链接，但如果链接无效，您的问题对其他有相同问题的未来SO用户将毫无价值。我在htmlIt的“角度”选项卡中没有看到任何class=“nav tabs”，因此它会自动创建带有导航导航选项卡的导航堆叠类。您可以运行plunker和inspect。也许我可以为horizantal类编写css来编写它们。但是这不是一个好方法。你的HTML写的是

class=“vertical”

，而你的CSS写的是

。verticaltab

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

<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>

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