CSS选择器：包含img的样式链接[重复]答案

【问题标题】：CSS selectors : styling link which contains img [duplicate]CSS选择器：包含img的样式链接[重复]
【发布时间】：2011-10-28 14:10:17
【问题描述】：

正如标题所说——

这里有一个包含 img 标签的链接：

<a href="#">
  <img src="somthng.jpg" />
</a>

我必须设置此链接的样式，图像或链接中没有类，所以不建议我添加类。此外，我不希望将此链接的样式与任何其他链接一起使用，例如：

<a href="#">
  <div>...</div>
</a>

所以我试图通过 css a img {...} 触发链接，但这会设置图像而不是锚点的样式。

【问题讨论】：

@animuson 谢谢这个作品:)

标签： html css css-selectors

【解决方案1】：

选择器？ http://www.w3.org/TR/CSS2/selector.html

您也可以使用 js 来定位图像文件 src，然后使用它将一个类附加到链接中

【讨论】：

【解决方案2】：

在这种情况下，您唯一能做的就是寻找所有包含图像的锚点的共同点。或者所有不包含图像的锚点的共同点。它们是否都嵌套在具有特定类的同一个 div 结构中？例如，你能像div#content div.inner div.someArbitraryClass a 这样定位他们吗？您能否在 all 链接在图像周围时按照您想要的方式设置它们的样式，然后找到一种方法为其他链接覆盖此样式，如果它们都有共同点?有时您必须跳出框框思考。

【讨论】：

如果是这样我就不会问这个问题了。 :)
这对我来说是正确的答案，因为它隐含地表示仅使用 CSS 可能是不可能的。指向 w3 选择器参考（上面的答案）听起来像个笑话 :)

【解决方案3】：

...所以您必须将 a 标签的样式设置为 {}，如果您使用的是 Firebug，请获取该标签的 CSS 路径，如果有的话，这是您获得它的唯一方法。假设这是可行的，你喜欢

some tag and another nested tag a{}

【讨论】：

【解决方案4】：

如果您想为链接提供填充、边距、宽度或高度（即：a）。不要忘记应用 display-inline-block；链接。

【讨论】：

其实@animuson 的评论就够了！ :) 很明显，现在要使用 javascript，因为 CSS 还没有为这些东西引入选择器！谢谢顺便说一句，我真的不需要这个。