html - 使用 CSS 隐藏基于属性选择器的链接内的图像

标签 html css

这是标记:

<p> 
  <a href="http://www.domain.com/stack-2015-overflow-648198/">
  <img src="link to image"> 
   See also: Stack 2015 and Overflow Review </a>
</p>

内容由 AJAX 加载,但我认为它仍应使用 CSS 设置样式。这是我的 CSS:

a[href*="www.domain.com"] img { display: none; }

但它不起作用。我错过了什么?

最佳答案

我已经使用 CSS 很长时间了,但我从未见过这样的东西。您应该将类​​或 ID 应用于 anchor 标记,然后将其引用为:

#anchorId>img {
display: none;
}

关于html - 使用 CSS 隐藏基于属性选择器的链接内的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37175544/

相关文章:

javascript - 如何更改代码以使图片位于 "main-block"中,而不是 js 代码?

javascript - 用于普通数据到 xml 数据的图像 slider

html - 图片按钮样式

jQuery slideToggle 只显示和隐藏但不能正确设置动画

css - 使列在 Bootstrap 中固定位置

jquery - 检查复选框状态 jQuery

html - 重复加载相同的图像

css - 了解 svg 的 viewbox 属性

html - 如何应用 CSS 分页符来打印包含很多行的表格?

css - 如何仅使用CSS实现像Sublime一样的文件 TreeView 折叠动画?