有多个类

Question

样式CSS我想风格的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选择器阅读本主题：

文件：

http://www.w3.org/TR/CSS21/selector.html

用法和例子：

http://css-tricks.com/multiple-class-id-selectors

Answer 2

在您的CSS中，名称step和active之间没有空格。空间充当分隔符。取而代之的是，连接具有一个.其间他们：

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

Answer 3

或者你可以只写

.active { 
background: #08a0f2; 
} 

http://jsfiddle.net/9CNX5/