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

和孩子（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;
    }