选择除<a>标签之外的所有<a>标签,其中包含CSS中的<img>标签

Question

我想让我网站上的所有文字链接都有一个底部边框.我用:

a
{
    border-bottom: 1px dotted #333;
}

...但它也为图像链接添加了边框,我不希望这样.

如何才使其仅适用于文本链接？

Answer 1

a { border-bottom:1px dotted #333; }
a img { border:0; }

只需覆盖继承的规则,即本机css方式.

编辑:哇,我真的不注意了.你能把一个类扔到包含图像的锚点吗？

a.contains-image { border:0; }

如果不依赖CSS3的not选择器,这将是唯一的非脚本解决方案.