兩個相似的div元素之一與一個額外的類如何在降序元素ovewrite顏色？

Question

第一DIV看起來像這樣

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

第二個具有一個附加的類小

我想修改下降元件時的類選擇小且改變顏色，以黑色/這些項目的屬性。

我曾嘗試沒有成功如下：

.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! 

} 

Fiddle here

Answer 1

只是更加具體 - 無需!important，只需使用.small.item。

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

jsFiddle here - 它的工作原理。

由於color:red正在通過.item .more .deliverytype設置，您只需要在.small中添加。因此，如果父項同時包含.small和.item（.small.item），則它將風格.deliverytype這是.more的後裔。