html - 无法保持特定于一个类/id 的超链接样式

标签 html css

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

  • <p> 中的任何链接我的标签 #currentpage_content分区 ID。
  • <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;}

最佳答案

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

关于html - 无法保持特定于一个类/id 的超链接样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11246247/

相关文章:

html - 如何将 table 操纵成这种形状?

jquery - HTML自定义选择

html - 如何让DIV内容增长到一定程度?

javascript - 禁用单列的点击事件

css - 调整窗口大小时,如何使 div 及其文本消失?

使用 XSD/trang HTML 5 Relax NG 到 XSD 转换进行 Java HTML 5 验证

html - 围绕 <img></img> 元素划线

css - 如何在 CSS 中为另一个特定元素之前的最后一个元素设置样式?

javascript - 当 3 个表单区域需要具有值时,通过 jQuery 处理按钮启用

css - '>' 和 CSS 选择器中的空格有什么区别?