嵌套CSS元素（样式中的标题链接）

我试图创建一个规则，以确保所有的html锚坐在<h3>标签不显示下划线（并显示一些其他颜色属性）。这是我有什么，但它不工作：

<h3><a href="#">Turn of underline etc</a></h3> 

h3 a, a:active, a:visited a:hover { 
    text-decoration:none; 
    color:#000000; 
}

来源

2011-03-24 Dkong

这应做到：

h3 a { 
    text-decoration:none; 
    color:#000; 
}

现场演示：http://jsfiddle.net/simevidas/7A2JX/

来源

2011-03-24 03:19:33

谢谢你的答案。它工作在隔离状态，但我有一个单独的全局html锚定样式也被定义。它似乎覆盖了上面的代码。我怎样才能防止这一点？这是全球定位码： a：链接，a：有效{0}颜色：＃1d5298; text-decoration：underline; } – Dkong 2011-03-24 04:16:42

你有两种选择：让Sime的定义更加具体（通过添加伪类：链接和：激活给他们），或者在每个属性的末尾添加！重要标志。 – 2011-03-24 09:00:38

你可以这样做如下。

这样做是为了当h3中的超链接被mousy盘旋时。

h3 a:hover { 
    color: #FFFF20; 
}

而这对于实际样式（当没有徘徊时），文本修饰应该带走下划线。

h3 a { 
    text-decoration: none; 
    color: #EBE6C8; 
}

来源

2011-03-24 03:21:34 wilbbe01

您在a：visited后缺少逗号。

来源

2011-03-24 05:12:18 Corey

如何回答这个问题？ – pixeltocode 2011-03-24 05:54:14

好，除非你想风格所有的a：悬停在a：visited的内部，它将无法工作。只是添加了这个以防你错过了。哦，等待你甚至不是问这个问题的人。你为什么又一次对我har？？ – Corey 2011-03-24 23:47:08

如果你想避免与其他锚标签冲突或覆盖。最好添加一个类属性。如果您不想添加课程，请确保您添加的CSS在具有相同标记的其他CSS之后调用。带班

示例代码

CSS

h3 a.someClass { 
    text-decoration: none; 
    color: #000000; 
} 

//If you want style on hover do something like this 
a:hover.h3-anchor { 
    color:#FF0000; 
}

HTML

<h3><a class="someClass" href="#">Some Text</a></h3>

基础上，以森那您的意见，我不知道为什么它的首要其中锚标记的风格是不同的。它将被覆盖，除非你做了这样的身体{}或其他块，其中你的< a>在里面。

来源

2011-03-24 05:15:59 ace

按你的代码，你需要使用h3四次都喜欢这样

h3 a, h3 a:active, h3 a:visited, h3 a:hover { 
    text-decoration:none; 
    color:#000000; 
}

你现在的样子，主动，访问和悬停状态并不适用于H3“专“

来源

2011-03-24 05:57:19 pixeltocode

另外，如果您违反总体风格（样式为您的标准标签设置），则可能需要为要更改的标签添加”！important“。

使用你的例子：

<h3><a href="#">Turn of underline etc</a></h3> 

h3 a { 
    text-decoration:none !important; 
    color:#000000; 
    }

希望这有助于！

来源

2016-03-18 17:49:18 Amanda

嵌套CSS元素（样式中的标题链接）

回答

相关问题