Question

我正在试图弄清楚如何更改悬停颜色，但只有当文字有链接时

这是css代码，但无论是否有链接都会改变颜色

h1, h2, h3, h4 {
color:#3F3F3F;
}

h1:hover, h2:hover, h3:hover, h4:hover {
color:#000000;
}

Answer 1

这取决于您如何构建链接。

有两个基本品种。

a）标题内的链接。在这种情况下：

＆＃13;

a {
  color: red;
  text-decoration: none;
}
h1 a:hover {
  color: blue;
}

＆＃13;

<h1><a href="#">Link Inside Heading</a></h1>

＆＃13;

b）链接内的标题。在哪个事件：

＆＃13;

a {
  color: red;
  text-decoration: none;
  border: 1px solid grey;
  display: inline-block;
}
a:hover {
  color: green;
}
/* or */

h1 {
  background: #c0ffee;
}
a h1:hover {
  color: pink;
}

＆＃13;

<a href="#"><h1>Heading Inside Link</h1></a>

＆＃13;

Answer 2

示例：

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
   color:grey;
}

Answer 3

您正在寻找的anwser很简单：

h1 a:hover, h2 a:hover, ect {
    color:#000000;
}

你说徘徊时的标题会改变颜色，这不是你想要的。现在它说包含链接（a）的标题在悬停时应该改变颜色。 ;）

仅为链接更改h1悬停颜色

3 个答案: