css - 如何删除特定链接的 div

Question

我的网站是一个使用图像的简单网站。整个站点内容基于菜单的 div 标签。我使用标签添加了链接并使用 different 为其创建了单独的悬停效果，现在发生的情况是，当我悬停该链接时，会发生与菜单相同的悬停效果，并且我为链接创建的悬停不起作用。我只能在最后关闭菜单的 div [因为如果我在链接之前关闭菜单的 div 并为链接使用不同的 div，对齐方式会发生变化]。请提出解决方案，如果您希望我发布代码以使其清楚，请告诉它。谢谢。！

Answer 1

最好确保您确保伪类特定于某个节点。这可以通过以下方式实现：

#(div name) a:hover {
   color: blue;
   text-decoration: underline;
 }

它将确保嵌套在特定 div 内的 a 属性被引用。

Answer 2

您可以使用属性选择器，根据标记中的内容选择特定链接或链接类型：以下是示例：

a[href="www.yoursite.com"]:hover { color: red; }

您可以使用 html 标签内的任何属性来选择（id、class、href、title、alt 等，甚至是组成属性）。您可以更进一步，使用 ,,similar'' 运算符，它根据属性中是否存在指定的短语来选择元素（但不完全相同）。例如：

a[href~="https"]:hover { color: red; }

将在 href 属性中选择所有带有 https 的链接。请记住，ie6 不支持该属性选择器，并且在 ie7 中存在问题，请记住这一点，您可以轻松地寻找解决方法。