如何从rel属性CSS将样式更改为类

Question

我正在从事woocommerce，我正在寻找一种从rel属性中设置类的方法。

我设法通过以下方式更改rel属性：

a .tagged_as[rel~=tag]{
    color: red !important;
}

但是它改变了所有标记rel，我正在寻找如何仅更改rel属性的一个span类（tagged_as）。

（来自这个HTML代码：）

<span class="tagged_as">Tags: <a href="#" rel="tag">Grenache</a>, <a href="#" rel="tag">Syrah</a>.</span>

如果有人能够高举我，那将是精彩的，提前谢谢你=）

Answer 1

您必须为a标记提供类而不是范围

<span>Tags: <a class="tagged_as" href="#" rel="tag">Grenache</a>, <a href="#" rel="tag">Syrah</a>.</span>

然后你的CSS应该是......

a.tagged_as[rel~=tag]{
 color: red !important;
}

Answer 2

现在您可以尝试这个

.tagged_as a[rel~=tag]{
    color: red;
}