Html 为什么不是';t链接';当我将鼠标悬停在其父对象上方时,它的颜色会发生变化?
我有一个简单的html列表,其中包含如下元素:Html 为什么不是';t链接';当我将鼠标悬停在其父对象上方时,它的颜色会发生变化?,html,css,Html,Css,我有一个简单的html列表,其中包含如下元素: <li> <a href="http://somecool url.com/">some link</a> <span class="sc-track-duration">24.27</span> </li> 跨距的文本颜色会更改,但链接的颜色不会更改 如何在不使用JS的情况下解决此问题?您还需要将样式添加到li中的a元素中,只需执行以下操作即可: li:hove
<li>
<a href="http://somecool url.com/">some link</a>
<span class="sc-track-duration">24.27</span>
</li>
跨距的文本颜色会更改,但链接的颜色不会更改
如何在不使用JS的情况下解决此问题?您还需要将样式添加到
li
中的a
元素中,只需执行以下操作即可:
li:hover, li:hover a {
background-color: #d21600;
color: #fff;
}
您还需要将样式添加到
li
中的a
元素中,只需执行以下操作即可:
li:hover, li:hover a {
background-color: #d21600;
color: #fff;
}
您还需要设置锚点的样式,例如:
li:hover, li:hover a {
background-color: #d21600;
color: #fff;
}
你的锚定有一个在别处定义的更具体的样式,这是成功的,甚至超过了你的
li:hover
规则,因此你需要添加一个更具体的li:hover a
来获得样式。你也需要设置锚定的样式,例如:
li:hover, li:hover a {
background-color: #d21600;
color: #fff;
}
你的锚有一个在别处定义的更具体的样式,这是成功的,甚至超过了你的
li:hover
规则,因此你需要添加一个更具体的li:hover a
,以使其样式化。你知道你发布的确切代码是错误的。在那里失踪
24.27
您知道您发布的确切代码是错误的。缺少“>在那里
24.27
除此之外,我还建议您检查是否定义了DOCTYPE。在这种情况下,当我将鼠标悬停在链接上时,它只会为链接着色。可能是我将鼠标悬停在li上,而不是链接上。@Hedge-似乎您仍然在其他地方定义了一个样式,该样式适用于具有更特殊性的
。。您可以查看Firebug中的示例,看看该
应用的样式是什么吗,或者有指向该页面的链接?请查看的侧栏中自定义soundcloud播放器的轨迹列表。我希望当您将鼠标悬停在某个轨迹上时,该链接的文本变为白色。除此之外,我还建议检查您是否定义了DOCTYPE。在这种情况下,仅当我将鼠标悬停在该链接上时,该链接才会着色。可能是我将鼠标悬停在li上,而不是链接上。@Hedge-似乎您仍然在其他地方定义了一个样式,该样式适用于具有更特殊性的
。。您可以查看Firebug中的示例,看看该
应用的样式是什么吗,或者有指向该页面的链接?请查看的侧栏中自定义soundcloud播放器的轨迹列表。我希望当您将鼠标悬停在某个轨迹上时,该链接的文本变为白色。在这种情况下,仅当我将鼠标悬停在该链接上时,该链接才会着色。可能是我将鼠标悬停在li上,而不是链接上。在这种情况下,当我将鼠标悬停在链接上时,它只会给链接上色。可能是我将鼠标悬停在li上,而不是链接上。锚定标记的html错误,缺少“>”和文本。锚定标记的html错误,缺少“>”和文本。