Question

我正在尝试将网页中的链接设置为同一页面的某些部分，但希望保留原始文本格式，这是一个简单的h4标题。我尝试了很多东西，包括将h4设置和text-decoration设置为样式中的none，但是当删除链接的下划线时，它不会恢复为h4标题的颜色和大小。有没有办法实现这个目标？

Answer 1

我不确定你的代码是什么样的，但是像这样的结构会阻止h4样式混乱（jsFiddle）：

HTML：

<a href="#contact" class="self_page">
    <h4>Contact Us</h4>
</a>

CSS：

h4 {
    color:#666333;
    font-family:Georgia,serif;
}
a.self_page {
    text-decoration:none;
    color:inherit;
}

Answer 2

如果标记是

<h4><a href="...">Some heading</a></h4>

（使用嵌套h4和a元素的有效方式），如果h4元素的颜色为黑色（默认值），则以下样式表会删除链接格式，使标题文本看起来与a标记不存在时相同：

h4 a {
  color: black;
  text-decoration: none;
}

如果h4元素的颜色不是黑色，请修改设置其颜色的样式表规则，以便添加选择器h4 a。例如，如果是h4 { color: orange }，则将其更改为h4, h4 a { color: orange }。（您可以使用h4 a { color: inherit }使链接继承其父级颜色，但所有浏览器都不支持inherit值。）

如果你想在鼠标悬停时隐藏链接，当默认情况下指针（在CSS术语中错误地称为“光标”）变为手时，你可以添加：

h4 a {
   cursor: text;
}

使用超链接保持原始格式

2 个答案: