Question

我有几个div并且都是红色的，我使用'red'作为类名。但是在div中我想要应用额外的类如class =“red active”来给出选择的div额外风格。

为什么这不起作用

.red{
   background: red;
}

.red .active{
   background: green;
}

Answer 1

更改你的css：

.red.active

Answer 2

.red .active（中间有空格）表示具有类active的元素，并且是具有类red的元素的后代（子项，granchildren等）。这称为descendant selector。

您需要.red.active（没有空格）。它表示同时具有red和active类的元素。这是一个多类选择器。