颜色具有不同的性质在

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" */ 
}