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

Question

我正在研究 woocommerce，我正在寻找一种方法来根据 rel 属性设置类的样式。

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

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

但是它改变了所有的标签rel，我正在研究如何只改变rel属性的一个跨度类（tagged_as）。

（来自此 html 代码：）

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

如果有人能推荐我，那就太好了，提前谢谢你=）

Answer 1

现在你可以试试这个

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

Answer 2

您必须为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;
}