0

私はこの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;
}

これについての手がかりはありますか？

よろしくお願いします、

4

2 に答える 2

4

クラス間のスペースを削除する必要があります。

.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
于 2012-08-11T00:03:07.213 に答える
1

あなたはこれを試すことができます：

CSSコード

   div.row-fluid.list-item-main-euvou-entradas div.span1.list-item-main-euvou-entradas-colorcode.green {
       /*some css code*/
        color:red;
    }
于 2012-08-13T06:51:01.210 に答える