1

最初のdivは次のようになります

<div class="item ui-droppable  feed masonry-brick">

2番目のものには追加のクラスがあります

クラス セレクターが小さい場合に降順要素を変更し、それらの項目の色を黒/プロパティに変更したいと考えています。

次のことを試しましたが、成功しませんでした：

 .item .more .deliverytype {
    color: red;
    display: inline;
    font-size: 20px;
    font-weight: 500;
    position: absolute;
    right: 7px;
    text-align: right;
    top: 54px;
}


  .small .deliverytype {
    color: black;important!

}

ここでフィドル

4

1 に答える 1

1

もっと具体的に言ってください - は必要ありません。!importantただ使用して.small.itemください。

.small.item .more .deliverytype {
    color: black;
}

jsFiddle here - 動作します。

color:redは 経由で設定されていたので.item .more .deliverytype、 を追加するだけで済みました.small。したがって、親に.smallと.item( ) の両方が含まれる場合、の子孫である を.small.itemスタイルします。.deliverytype.more

于 2013-10-22T02:08:55.607 に答える