设置除包含图像的锚点以外的所有锚点,而不向图像标记添加类或ID?

Jef*_*eff 2 html css

通过下面的示例,我需要向文本锚点添加填充和背景颜色属性.然后我需要从包含图像的锚点中排除填充和背景颜色.

<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>
Run Code Online (Sandbox Code Playgroud)

如果我的文本链接上有红色背景和填充,我不希望在链接的图像上显示相同的红色背景和填充.图像将始终位于自己的锚点中,而不是与同一锚点中的文本混合.

问题是我无法向img标签添加类或ID - 我没有对该数据进行编辑控制.

那么如何将CSS属性添加到所有锚点,同时排除包含图像的锚点?

Mr.*_* 安宇 5

使用JQuery:

$(function() {
    $('a:not(:has(img))').css('background','red');
});
Run Code Online (Sandbox Code Playgroud)