css - 在多个级别使用多个类选择一个 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”。

我试过这样的东西，但不起作用:

.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

和 child (3 个类(class))

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