0

我有一堆用 HTML 定义的图像，给定一个“独特的东西”类，然后通过 wordpress 的魔力，它们被一个没有类或 id 的锚点包裹着来识别它。我最终...

<a href="http://test.com/DSC_0042.JPG" title="Details of image">
    <img class="picasa-image alignleft" width="150" height="150" alt="DSC_0042.JPG" src="http://picasa-image.url/s150-c/DSC_0042.JPG" title="Details of image">
</a>

我可以通过选择来为我的图像设置规则，.picasa-image但是当我将它向左浮动时，它会被忽略。当我删除锚标签时，它会正确浮动。当我浮动锚点时，它会正确浮动（但页面上的所有其他锚点都是浮动的）。

如何在 css 中设置包含我的图像的锚标记的样式。

4

1 回答 1

0

!important最干净的方法是使用另一个更具体的规则（例如，使用更高的选择器特异性或声明）覆盖不允许您将图像向左浮动的规则

否则，一种解决方法是向左浮动，如您所说，所有带有图像的链接。由于您在 css 中没有祖先选择器，因此您必须以其他方式定位这些链接，并使用特定的选择器属性，例如

a[href$=".JPG"] { float : left }

并且您将定位所有指向 .JPG 的链接，或者如果这些链接以 www.test.com 开头，另一种可能性是定位

a[href^="http://test.com"] { float : left }

或者只是对这些链接应用一个类。

于 2012-04-07T12:03:22.527 回答