gpt4 book ai didi

html - CSS "Header Nav a"将鼠标悬停在没有脚本的字体颜色更改上

转载 作者:行者123 更新时间:2023-11-28 05:16:16 26 4
gpt4 key购买 nike

我已经阅读了至少 5 个其他问题并尝试了答案,以及其他类似的问题和答案,并尝试调整代码以适合我的代码,但它就是行不通。

该代码用于 eBay 产品描述,因此它不能包含任何脚本/事件内容。

我所需要的只是让我的标题链接在鼠标悬停时变为黑色。它不是列表。

我确实在边栏中有一个列表导航,我设法使用以下 CSS 产生悬停效果:

nav ul li a {
color: #ffffff;
text-decoration: none;
margin-left: 2%;
}
ul li a {
display:block;
}

ul li a:hover, ul li a:focus {
color: #000000;
}

我需要添加悬停的标题导航链接的 HTML 代码是:

<body>
<div id="mainwrapper">
<header>
<div id="logo">
<img src="https://lorempixel.com/400/200" alt="Store logo">
<nav>
<a href="https://example.com" title="About Us">About Us</a>
<a href="https://example.com" title="FAQ">FAQ</a>
<a href="https://example.com" title="Contact Us">Contact Us</a>
<a href="https://example.com" title="Feedback">Feedback</a>
<a href="https://example.com" title="Subscribe">Add to Favourites</a>
</nav>
</div>
</header>
</div>
</body>

它的 CSS 是:

#mainwrapper header nav {
/*Nav bar containing links in header */
background-color: #8fb2d5;
text-align: right;
padding-top: 45px;
padding-bottom: 12px;
padding-right: 1%;
width: 50%;
float: left;
color: #ffffff;
}
header nav a {
/* Links in header */
padding-right: 2%;
}

我已经尝试添加以下内容:

header nav a:hover, header nav a:focus {
color: #000000;
}

header nav a:hover{
color: #000000;
}

任何帮助将不胜感激。如果这是重复的帖子,我深表歉意,但到目前为止,我已经查看了其他问题/答案但没有运气。

最佳答案

这是你需要的吗?

#mainwrapper header nav a:hover {
color: black;
}
<div id="mainwrapper">
<header>
<div id="logo"><img src="http://www.saltdepot.co.uk/ebay/himalayan/BlogPostAssets/images/logo3.png" alt="Himalayan Salt Store">
<nav><a href="http://stores.ebay.co.uk/Himalayan-Salt-Store/About-Us.html" title="About Us">About Us</a> <a href="http://stores.ebay.co.uk/Himalayan-Salt-Store/FAQs.html" title="FAQ">FAQ</a>
<a href="http://stores.ebay.co.uk/Himalayan-Salt-Store/Contact-Us.html" title="Contact Us">Contact Us</a>
<a href="http://feedback.ebay.co.uk/ws/eBayISAPI.dll?ViewFeedback2&userid=saltdepot&ftab=AllFeedback" title="Feedback">Feedback</a>
<a href="http://my.ebay.co.uk/ws/eBayISAPI.dll?AcceptSavedSeller&sellerid=saltdepot&ssPageName=STRK:MEFS:ADDSTR&rt=nc" title="Subscribe">Add to Favourites</a></nav>
</div>
</header>
</div>

关于html - CSS "Header Nav a"将鼠标悬停在没有脚本的字体颜色更改上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45412819/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com