如何为 Class 的链接（标签）设置 CSS 选择器

Question

我搜索了所有解决方案，但没有任何帮助。

我的简单问题是使用 class:

为 link（标签）设置样式

<a class="logo"></a>

我不想要 link 的通用样式或活动样式，而是选定的 Class。

谢谢。

Answer 1

这样使用

<style>
a[class="logo"] { 
    background-color: yellow;
}
</style>

<a class="logo">test</a>

Answer 2

我认为您正在寻找 CSS class selector。

要将样式仅应用于单个 class，您应该在 CSS 选择器中为 class 名称添加一个点 (.)。

在这种特殊情况下，您可以这样做：

.logo {
    /* Styles here */
}

您还可以通过添加元素选择器来确保只有 link 个元素受到影响：

a.logo {
    /* Styles here */
}

PS。 CSS id selector 是 # 并且它以类似的方式工作。

Answer 3

您可以通过定位来添加样式规则 class :

a.logo { color: #aeaeae; }

Answer 4

有三种不同的方法可以解决这个问题。由于您不想要 link 的全局样式，因此本示例不是它：

a{
/* STYLE HERE */
}

因为您只是想为 link 设计带有外层 class 的样式，请使用此示例：

a.logo {
    /* STYLE HERE */
}

或

logo {
    /* STYLE HERE */
}

或

a[class="logo"] { 
    /* STYLE HERE */
}

最后一个例子是实现这一点的新方法，一些非常老的浏览器不会理解这个，所以你最好坚持第一个或第二个例子。

How to set a CSS selector for links ( a Tag ) for a Class