在多層次使用多個類別選擇DIV

Question

我有這樣的HTML：

<div class="row-fluid list-item-main-euvou-entradas"> 
    <div class="span1 list-item-main-euvou-entradas-colorcode green"></div> 
    <div class="span1 list-item-main-euvou-entradas-rank">1</div> 
    <div class="span1 list-item-main-euvou-entradas-votes">Votos</div> 
    <div class="span9 list-item-main-euvou-entradas-content"> 
     <a href="#">some link</a> 
     <p>some text...<p>   
    </div> 
</div> 

，我需要選擇此類「SPAN1列表項 - 主 - euvou-入住日期-的ColorCode綠色」也使用這個班選擇器「row-fluid list-item-main-euvou-entradas」。

我用盡這樣的事情，但不工作：在這一個

.row-fluid .list-item-main-euvou-entradas .span1 .list-item-main-euvou-entradas-colorcode .green { 
    some css code; 
} 

任何線索？

最好的問候，

Answer 1

您需要的類之間的空格去掉：

.row-fluid.list-item-main-euvou-entradas .span1.list-item-main-euvou-entradas-colorcode.green { 
    some css code; 
} 

所以父DIV（2班）

.row-fluid.list-item-main-euvou-entradas 

和孩子（3班）

.span1.list-item-main-euvou-entradas-colorcode.green 

Answer 2

你可以試試這個：

CSS代碼

div.row-fluid.list-item-main-euvou-entradas div.span1.list-item-main-euvou-entradas-colorcode.green { 
     /*some css code*/ 
     color:red; 
    }