难以保持特定于一个类/ id的超链接样式

Question

我想对以下两件事应用不同的超链接样式：

• <p> div id。
中#currentpage_content个代码中的所有链接
• 带有<h3>类.profile标记的任何链接。

这听起来很简单，但我看不出来做对..

我尝试过这样的事情：

#currentpage_content a:hover{...}

和

#currentpage_content p a:hover{...}

但由于某些原因，即使它们在＃currentpage_content的div之外，也应用于我的导航栏链接！

我最终也想到你可以做这样的事情（我想）..

#currentpage_content a.p:hover{...}

但现在根本没有应用链接样式。

有人可以查看上面的要点并告诉我实现这两个要点所需的确切语法/顺序吗？

为了使响应变得更容易，这是我想要应用的风格：

a:link, a:visited, a:hover, a:active
{
font: inherit;
color: Grey;
text-decoration: none;
border-bottom: 2px solid #d4ffaa;
}
a:hover, a:active
{background-color: #d4ffaa;}

Answer 1

#currentpage_content p a:hover, #currentpage_content h3 a:hover {
  //put your CSS in here
}

Answer 2

Here是解决问题的小提琴。