CSS中相同元素的不同颜色

我已将此添加到我的主页，将Fontawesome Arrow图标的颜色更改为黑色，但我在同一页面上有另一个箭头，这是需要呈现白色的箭头。我添加了哪些CSS代码来使一个箭头保持黑色，另一个白色显示在同一页面上？CSS中相同元素的不同颜色

.page-id-45 a.sf-button.sf-button-has-icon > i { 
     font-size: 18px; 
     margin-left: 10px; 
     vertical-align: -3px; 
     color: #333; 
    }

来源

2017-07-31 Pramathesh Saha

请发布HTML以及:) – Chesswithsean

在这里学习者。我在这里使用WordPress。如果你能指导我如何做到这一点:) –

你可以添加另一个类到这个彩色图标吗？ –

-1

你可以把你的<class=""><style="color: 000;">放在HTML中;内联样式应该覆盖类的颜色。

如果你经常这样做，我会建议第二堂课。

来源

2017-07-31 18:36:20

如果添加〜i，它应该将颜色应用于除第一个箭头之外的所有颜色。

.page-id-45 a.sf-button.sf-button-has-icon > i { 
    font-size: 18px; 
    margin-left: 10px; 
    vertical-align: -3px; 
    color: #fff; /* Color of the first arrow of you page */ 
} 
.page-id-45 a.sf-button.sf-button-has-icon > i ~ i { 
    font-size: 18px; 
    margin-left: 10px; 
    vertical-align: -3px; 
    color: #333; /* Color of all other arrows */ 
}

它更像是一个快速修复，然后是一个很好的解决方案。

来源

2017-07-31 20:11:56 Andreasfi

CSS中相同元素的不同颜色

回答

相关问题