Question

我有这些锚：

<h2><a name="facebook">facebook</a></h2>
<h2><a name="mobilephone">mobilephone</a></h2>

目前文字为蓝色，因为它是一个链接。我正在尝试更改颜色，以便它们与所有其他H2文本相同。

我试过了：

.name {
        color:red !important;
    }

:name {
        color:red !important;
    }

:facebook {
    color:red !important;
}

a:name {
    color:red !important;
}

a:facebook {
    color:red !important;
}

a[name=facebook]{
    color:red !important;
}

a[name]{
    color:red !important;
}

Answer 1

CSS中的属性选择器应该适用于此实例，但由于您要设置所有h2 a元素的颜色，为什么还需要属性选择器？这不够：

h2 a {
    color: red;
}

jsFiddle Demo

如果必须使用name的属性选择器，请使用：

a[name="facebook"],
a[name="mobilephone"] {
    color: red;
}

jsFiddle Demo

要阅读有关CSS中属性选择器的更多信息，请参阅MDN Documentation。

Answer 2

在我看来，你正在寻找css属性文本装饰在这里，您可以阅读here：

我的解决方案是：

h2 a {
    color:red;
    text-decoration: none;
}

看看演示：https://jsfiddle.net/wre1yLvn/

Answer 3

如果你想设置所有只有name而不是链接的锚点，你可以选择以下内容：

a[name]:not(:link) {
    color: red;
}

<a name="header">Header</a>
<a href="http://gurustop.net">Link</a>

Answer 4

如果您想使用与h2完全相同的颜色，则应使用此

h2 {
 color: red;
}

h2 > a {
 color: inherit;
}

演示：https://jsfiddle.net/aLncaegh/

Answer 5

试试这个

h2 a:visited {
color: inherit;
}

来源：http://www.w3schools.com/css/css_link.asp

样式锚文本（名称）

5 个答案: