顏色具有不同的性質在

Question

繼承這是我的代碼結構：

<div style="position:relative"> 
<div class="divider"></div> 
<span class="fa fa-home" style="position:absolute"></span> 
</div> 

我需要改變圖標的​​顏色（使用字體真棒），這應該是相同的，其具有類「的div邊框顏色除法」。每當我改變分隔線的邊框顏色時，圖標顏色應該轉換爲分隔線的邊框顏色。

Answer 1

您可以使用CSS的+選擇，其選擇elements that is placed immediately after (not inside) the first specified element：

.divider + .fa { 
    /* the .fa itself */ 
} 

.divider.blue + .fa { 
    /* when .divider has class "blue", apply these rules to "fa" */ 
}