Html 仅在<；中设置文本样式；a>；忽略<；img>；

我的风格是：

a {border-bottom: 1px solid gray; text-decoration: none}

现在如果我把

放在

对于大型站点来说，添加类以使其具有边框或不具有边框是很困难的。
您可以使用JQuery来完成这项工作

解决方案1:

解决方案2

如果您只想给文本加下划线而不给图像加下划线，那么您不需要给标签加上边框底部。

你可以这样修改你的html

html


你好

默认情况下，
标记中有下划线。

所以，如果使用
a{text decoration:none；}
那么为什么要给出底部边框。
无论如何，如果你想给文本加上边框底部，你可以这样做

css

a{
/*边框底部：1px纯色灰色*/
文本装饰：无
}
跨度{
边框底部：1px纯色灰色；
}
img{
边界：无；
}
CSS不支持基于内容的选择；我怀疑它是否会永远如此。
在没有Javascript的情况下，您可以做的最接近的事情是属性选择器：

a {border-bottom: 1px solid gray; text-decoration: none}
a[href="/foo"] {border:0px}


可能是
的属性中包含的图像与只包含文本的
不同吗？
您不能向锚点添加一个类，并添加一个样式以便不添加边框吗？例如，
a.noborder{border:0；}
这对于大型网站来说是非常困难的。所以你不想让
a
上的border作为一个
img
的孩子吗？@Elmo我可以问你是否因为它使用类而对我的答案投了反对票吗？@LGSon不，我没有。不要把反对票看得太重，他们可能有随机的原因，比如一个人的情绪。
$("a:not(:has(>img))").css('border-bottom', '1px solid gray');

a {border-bottom: 1px solid gray; text-decoration: none}
a[href="/foo"] {border:0px}