Question

我想在具有多个类名的class属性中设置css类的样式，如下所示：

<div class='step active'><a href=''>Link 1</a>
<div class='step'><a href=''>Link 2</a>
<div class='step'><a href=''>Link 3</a>

我尝试使用css代码来设置活动步骤类的样式。这是css代码：

.step {
   background: #cccccc;
}
.step .active {
   background: #08a0f2;
}

但是代码不会像我想要的那样改变背景颜色。我已经试过了。

.step > .active {
   background: #08a0f2;
}

但是，它也不起作用。我怎样才能使它发挥作用？

Answer 1

使用它：

.step.active {
   background: #08a0f2;
}

要了解有关css选择器的更多信息，请阅读以下主题：

文档：

用法和示例：

Answer 2

在您的CSS中，名称step和active之间没有空格。空间充当分隔符。相反，在它们之间连接.：

.step.active {
    background: #08a0f2;
}

Answer 3

或者你可以写

.active {
 background: #08a0f2;
}