特定图标类后的CSS目标范围

我的主题使用以下语法。我需要在图标类

fa lock

<i class="shiftnav-icon fa fa-lock"></i><span>My item</span> 

---

但出于某种原因，这是行不通的。任何想法都可以。

您可以使用

.shiftnav-icon.fa-lock+span

选择器

+

是一个，它将选择

span

元素，该元素位于

之后。shiftnav icon.fa lock

元素

.shiftnav-icon.fa-lock+span{color:red；}

我的物品

试试这个

.shiftnav-icon.fa-lock+span:类型{color:#c1c1；}的第一个

您的“shiftnav icon”和“fa lock”位于同一标签中，因此在使用它们时，它们之间应该没有间隙。 “span”是下一个元素-因此使用“+”符号将其作为目标

在这里查看相邻的兄弟组合器

.shiftnav .fa-lock span:first-of-type {color: #c1c1c1;}