html - 设置除包含图像的 anchor 之外的所有 anchor 的样式，而不向图像标签添加 class 或 id？

Question

在下面的示例中，我需要向文本 anchor 添加填充和背景颜色属性。然后，我需要从包含图像的 anchor 中排除填充和背景颜色。

<p>
  <a href="#">this is a text link that needs to be styled</a>
  <a href="#"><img src="image/name.jpg" alt="this needs to be excluded from styling" /></a>
</p>

如果我的文本链接上有红色背景和填充，我不希望链接图像上出现相同的红色背景和填充。图片将始终位于自己的 anchor 中，不会与同一 anchor 中的文本混合。

问题是我无法将类或 ID 添加到 img 标签 - 我没有对该数据的编辑控制权。

那么如何为所有 anchor 添加 CSS 属性，同时排除包含图像的 anchor ？

Answer 1

使用 JQuery:

$(function() {
    $('a:not(:has(img))').css('background','red');
});