css - 如何在锚标签抛出css后放置背景？

Question

如果是，请告诉我，在不更改 HTML 的情况下可以在 css 中使用。

我想说如何在带有 css 的锚标记之后放置背景图像

像这样

我的代码是

<div class="right-f">
                <span>Connect with us:</span>
                <a href="#" rel="twit"></a>
                <a href="#" rel="fb"></a>
                <a href="#" rel="in"></a>
                <a href="#" rel="mail"></a>
            </div>

Answer 1

使用属性选择器：

.right-f a[rel="twit"] {
    background-image: ...
}
.right-f a[rel="fb"] {
    background-image: ...
}
.right-f a[rel="etc"] {