有多個類

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/