CSS选择器:包含img的样式链接

时间:2011-10-18 14:52:12

标签: html css css-selectors

正如标题所说 -

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

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

我必须设置此链接的样式,图像或链接中没有类,所以不建议我添加一个类。此外,我不希望此链接的样式与任何其他链接,如:

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

所以我试图通过css a img {...}触发链接,但这会使图像不是锚点。

4 个答案:

答案 0 :(得分:1)

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

您还可以使用js来定位图像文件src,然后使用它将类附加到链接

答案 1 :(得分:0)

...所以你必须只为一个标签设置样式{},如果你正在使用Firebug,那么获得一个标签的CSS路径,这是你可以获得它的唯一方法。假设你可以这样做

some tag and another nested tag a{}

答案 2 :(得分:0)

在这种情况下你唯一可以做的就是不使用javascript就可以找到包含图像的所有锚点都有共同点的东西。或者任何不包含图像的锚都有共同之处。它们是否都嵌套在具有特定类的相同div结构中?你可以像div#content div.inner div.someArbitraryClass a那样定位他们吗?你可以按照你想要的方式设置所有链接的样式,然后找到一种方法来覆盖其他链接的这种风格,如果他们都有共同点?有时你必须在盒子外思考。

答案 3 :(得分:0)

如果要给填充,边距,宽度或高度指定链接(即:a)。不要忘记应用display-inline-block;链接。