禁止对特定HTML项目

CSS样式我有CSS样式：禁止对特定HTML项目

#topmenu a:hover { 
     margin: 0; 
     padding: 8px 20px 7px 12px; 
     color: #FFFFFF; 
     text-decoration: none; 
     background-color: #48516D; 
}

然后，我有一些<a>内顶部菜单股利。我想禁用其中一个元素上的悬停样式，例如：在这一个元素上：

<div id="topmenu"> 
    <a href="/"><img width="85" src="/bundles/merrinmain/images/design/homepage.png"></a>

我该怎么做？我应该将style=""设置为其他内容吗？

预先感谢您。

来源

2013-06-05 Miloš

你有其他元素在这个div，任何其他的锚标签？ – Popo

你不能 “重置” 的风格，可以这么说，直接在一个特定的元素上，但是你可以给它一个与非悬停链接相同样式的类。

#topmenu a, /* apply to non-hovered links */ 
#topmenu a.noHover:hover { /* and apply to .noHover even when hovered */ 
     margin: 0; 
     padding: 8px 20px 7px 12px; 
     color: fuchsia; /* yay */ 
     text-decoration: none; 
     background-color: #48516D; 
} 
#topmenu a:hover { 
     margin: 0; 
     padding: 8px 20px 7px 12px; 
     color: #FFFFFF; 
     text-decoration: underline; 
     background-color: #48516D; 
}

这样，只有没有“noHover”类的链接才会应用悬停效果。请注意，您需要指定全部第一条规则（对于普通链接和.noHover）更改的相关属性（color，text-decoration等），以覆盖第二个:hover规则的属性。

演示在http://jsfiddle.net/N8txa/

来源

2013-06-05 12:12:57 xec

很好的例子，tahnk你，这个工程。 –

应用另一个类到该项目覆盖继承悬停实施

如CSS

a.mylink:hover { 
     margin: 0; 
     //some other styles 
}

HTML

<a href="/" class="mylink">

来源

2013-06-05 12:09:54 Rab

非常感谢。 –

禁止对特定HTML项目

回答

相关问题