如何删除特定链接的div

时间:2012-06-06 20:21:28

标签: css html

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

2 个答案:

答案 0 :(得分:2)

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

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

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

答案 1 :(得分:1)

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

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

你可以使用你的html标签内的任何属性来选择(id,class,href,title,alt等甚至组成属性)。 如果指定的短语存在于属性中(但它并不完全相同),您可以使用类似的''运算符,它可以选择基于的元素。例如:

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

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