在悬停链接时，css声明不会'；行不通

我有这个导航链接，在悬停最后一个链接（样式为button）时，我希望它在悬停时具有粉红色而不是棕色的下边框属性，以补充红色按钮。谢谢你的帮助。提前谢谢

.header-nav a:hover {
    border-bottom: 5px solid rgb(56,47,50); /*brown border-bottom*/
}

.header-nav a:last-of-type:hover {
    border-bottom: 5px solid rgb(255,144,171); /*pink-border-bottom*/
} 

        <nav class="container header-nav">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#cupcakes">Cupcakes</a></li>
                <li><a href="#cakes">Cakes</a></li>
                <li><a href="#events">Events</a></li>
                <li><a href="#contacts" class="btn nav-btn">Order Now!</a></li>
            </ul>
            <br>
        </nav>

。标题导航a:悬停{
边框底部：5px实心rgb（56,47,50）；/*棕色边框底部*/
}
.标题导航a:类型的最后一个：悬停{
边框底部：5px实心rgb（255144171）；/*粉色边框底部*/
} 

这是小提琴： 我做到了！！！看这里，希望这是你想要的

.header-nav a:hover {
    border-bottom: 5px solid rgb(56,47,50); /*brown border-bottom*/
}

.header-nav .btn:hover {
    border-bottom: 5px solid rgb(255,144,171); /*pink-border-bottom*/
} 

.header-nav a:hover {
    border-bottom: 5px solid rgb(56,47,50); /*brown border-bottom*/
}

.header-nav .btn:hover {
    border-bottom: 5px solid rgb(255,144,171); /*pink-border-bottom*/
} 

我做到了！！！看这里，希望这是你想要的

.header-nav a:hover {
    border-bottom: 5px solid rgb(56,47,50); /*brown border-bottom*/
}

.header-nav .btn:hover {
    border-bottom: 5px solid rgb(255,144,171); /*pink-border-bottom*/
} 

.header-nav a:hover {
    border-bottom: 5px solid rgb(56,47,50); /*brown border-bottom*/
}

.header-nav .btn:hover {
    border-bottom: 5px solid rgb(255,144,171); /*pink-border-bottom*/
} 

---

也许你会为last li设置id或类名，并将css编码为特定id:）

也许你会为last li设置id或类名，并将css编码为特定id:）

在检查应用于悬停的css时，最好从控制台激活悬停属性。 您可以在firefox和chrome中通过访问inspector来实现这一点。 下面是查看如何激活悬停属性的指南

至于您的具体问题，如果您还发布了html，这将有所帮助，因为如果您将样式应用于错误的元素，css将不起作用

.header-nav li:hover {
    border-bottom: 5px solid rgb(56,47,50); /*brown border-bottom*/
}

.header-nav li:last-of-type:hover {
    border-bottom: 5px solid rgb(255,144,171); /*pink-border-bottom*/
} 

---

祝你好运

检查在hover上应用了哪些css时，最好的方法是从控制台激活hover属性。 您可以在firefox和chrome中通过访问inspector来实现这一点。 下面是查看如何激活悬停属性的指南

至于您的具体问题，如果您还发布了html，这将有所帮助，因为如果您将样式应用于错误的元素，css将不起作用

.header-nav li:hover {
    border-bottom: 5px solid rgb(56,47,50); /*brown border-bottom*/
}

.header-nav li:last-of-type:hover {
    border-bottom: 5px solid rgb(255,144,171); /*pink-border-bottom*/
} 

---

祝你好运

尝试为按钮添加一些类（最后一个元素） 虽然你很好

像

如果你想保留css选择器，你应该在

li

上选择，而不是

a

---

Raplace

。header nav a:type的最后一个：hover

与

一起。header nav.li:last child a:hover

尝试将一些类放入按钮（最后一个元素） 虽然你很好

像

如果你想保留css选择器，你应该在

li

上选择，而不是

a

---

Raplace

.header导航a:type的最后一个：hover

与

一起。header导航.li:最后一个孩子a:hover

我做了！！！希望这就是你想要的

.header-nav a:hover {
    border-bottom: 5px solid rgb(56,47,50); /*brown border-bottom*/
}

.header-nav .btn:hover {
    border-bottom: 5px solid rgb(255,144,171); /*pink-border-bottom*/
} 

.header-nav a:hover {
    border-bottom: 5px solid rgb(56,47,50); /*brown border-bottom*/
}

.header-nav .btn:hover {
    border-bottom: 5px solid rgb(255,144,171); /*pink-border-bottom*/
} 

我做到了！！！希望这就是你想要的

.header-nav a:hover {
    border-bottom: 5px solid rgb(56,47,50); /*brown border-bottom*/
}

.header-nav .btn:hover {
    border-bottom: 5px solid rgb(255,144,171); /*pink-border-bottom*/
} 

.header-nav a:hover {
    border-bottom: 5px solid rgb(56,47,50); /*brown border-bottom*/
}

.header-nav .btn:hover {
    border-bottom: 5px solid rgb(255,144,171); /*pink-border-bottom*/
} 

---

---

我已经这样做了，但它不起作用（应用相同的属性）。特异性很糟糕。开玩笑！我只是个新手。我已经这么做了，但不起作用（应用了相同的属性）。特异性很糟糕。开玩笑！我只是个新手，这个css还可以。请显示你的html，你可能在css中有一些冲突。这个css是可以的。请显示您的html您可能在css中有一些冲突。对不起，但它不起作用。它只在整个列表项中应用了边框底部，而不在指定的a元素中对不起，我不太明白您的要求是什么？我想帮忙，所以请上传图片或提供一个jsfiddle。实际上，你可以提供一些代码给我们。如果您愿意，请先编辑任何个人详细信息。@Ly18对不起，我忘了标记您了。header-nav.li:最后一个孩子a:hover是您要找的，但它不起作用。它只在整个列表项中应用了边框底部，而不在指定的a元素中对不起，我不太明白您的要求是什么？我想帮忙，所以请上传图片或提供一个jsfiddle。实际上，你可以提供一些代码给我们。如果您愿意，请先编辑任何个人详细信息。@Ly18对不起，我忘了标记您了。header-nav.li:最后一个孩子a:hover就是您要找的东西嗨！以下是html片段：

• 
  谢谢，顺便说一句！你好！以下是html片段：
  • 
    谢谢，顺便说一句！耶！祝你好运请点击勾号接受我的答案，也可以随时问我更多问题@ly18谢谢@nobodyshere不客气@Ly18：记住，如果你需要我的帮助来回答一个问题，请随时给我贴标签：）耶！祝你好运请点击勾号接受我的答案，也可以随时问我更多问题@ly18谢谢@nobodyshere不客气@记住，如果你需要我的帮助来回答一个问题，请随时给我贴标签：）