I want to style a css class in a class attribute with multiple class name, like this:

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

```

And I try to make css code to style the active step class. This is the css code:

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

```

But the code doesn't change the background color like I want. I already tried this.

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

```

But, it also doesn't work as well. How can I make it work?