通过下面的示例,我需要向文本锚点添加填充和背景颜色属性.然后我需要从包含图像的锚点中排除填充和背景颜色.
<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属性添加到所有锚点,同时排除包含图像的锚点?
使用JQuery:
$(function() {
$('a:not(:has(img))').css('background','red');
});
Run Code Online (Sandbox Code Playgroud)