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 CODE

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

使用多个级别的多个类选择DIV

2 个答案: