我正在尝试找出如何更改悬停颜色,但仅限于文本具有链接时
这是 css 代码,但它会在有或没有链接的情况下改变颜色
h1, h2, h3, h4 {
color:#3F3F3F;
}
h1:hover, h2:hover, h3:hover, h4:hover {
color:#000000;
}
最佳答案
这取决于您如何构建链接。
有两个基本品种。
a) 标题内的链接。在这种情况下:
a {
color: red;
text-decoration: none;
}
h1 a:hover {
color: blue;
}
<h1><a href="#">Link Inside Heading</a></h1>
b) 链接内的标题。在哪种情况下:
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;
}
<a href="#"><h1>Heading Inside Link</h1></a>
关于css - 仅更改链接的 h1 悬停颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34659628/