一个>强的Css选择器

Question

我有一个简单的Css规则:

strong a:hover {
text-decoration: none;
}

这适用于以下HTML:

<strong>
<a href="www.stackoverflow.com">Go to website</a>
</strong>

问题是我正在使用的CMS中的Wysiwyg经常将代码放入如下:

<a href="www.stackoverflow.com"><strong>Go to website</strong></a>

我的css规则然后不起作用.有纯Css解决方案吗？

谢谢Al

Answer 1

CSS中不支持您要执行的操作 - 您无法设置父级样式.这里更好的方法可能是在链接中添加一个类:

<a href="http://www.stackoverflow.com" class="ImportantLink">Go to website</a>

CSS:

a.ImportantLink { font-weight:bold; }
a.ImportantLink:hover { text-decoration: none; }

这样,链接可以很容易地设置样式.<strong>如果你只使用它来设置链接的样式,而不是强调文本(虽然,这可能不那么重要,说实话)可能在语义上是错误的