在多个级别中使用多个类选择 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>

我需要在选择器“row-fluid list-item-main-euvou-entradas”中也使用此类来选择此类“span1 list-item-main-euvou-entradas-colorcode green”。

我尝试过类似的方法，但不起作用：

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

关于这个有什么线索吗？

此致，

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