css控制元素不被覆盖,CSS元素伪不覆盖子元素样式

所以我想要样式锚元素包含其他html元素。该基地的代码是：

HTML：CSS元素伪不覆盖子元素样式

title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim

自举类不打扰你:)

，这里是(从少产生)的CSS：

#sub-menu {

margin-top: 10px;

}

#sub-menu a span {

color: black;

}

#sub-menu a div {

color: #6b6b6b;

}

#sub-menu a:hover {

color: red !important;

text-decoration: none;

}

的目标是当用户将鼠标悬停在锚点上，文本颜色应该是红色。有了这个解决方案，红色不会被应用，但文字修饰效果很好。这里是一个fiddle edition

如果我把颜色设置在一个水平上而不是很好(fiddle)或者根本没有设置颜色(fiddle)，但我需要为标题和正文部分设置不同的颜色。

我也尝试设置每个元素的悬停伪(fiddle demo)，但它的所有装饰都很难看，但颜色只适用于将鼠标悬停在确切元素上的情况。 我想实现第二个版本，但是像第一个版本一样使用自定义颜色。

感谢您的帮助。

编辑：我忘了解释一个图标也是在h3标签，所以这就是为什么标题在span标签。

2014-02-14

Péter

+0

是的。这将是目标 –

+0

然后我的答案应该工作 –