在多层次使用多个类别选择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; 
    }