如何在这篇文章中仅设置缩略图图像？

Question

我需要一些CSS样式的帮助。我已经尝试过使用Firebug的各种选项，但无法解决这个问题。如何在我的帖子上设置缩略图样式（例如url：http://thatcriticguy.com/index.php?post/4/crossover-9-revamped-reinvented-and-a-must-have），而不是同时在帖子中设置所有图像的样式。我在这个网站上有很多帖子，只需要设置那些浮动正确的缩略图。

有没有办法在不使用CSS修改模板代码的情况下执行此操作？

Answer 1

无法使用纯CSS，因为缩略图没有可以将其与其他图像区分开的标识符。您唯一的选择是修改模板代码或使用javascript来挑选帖子中的第一张图片并为​​其应用样式。

Answer 2

您需要在要使用CSS设置样式的图像上具有“类”属性。这样，您的CSS将仅适用于您想要的图像。

例如，您可以拥有此HTML

<img src="..." class="thumbnail"/>

和这个CSS：

.thumbnail {...}

Answer 3

如果您的帖子的结构总是相同的，那么这应该可以解决问题：

.post-content p:first-child img
 { float: right }

它解决了img下面第一段中的所有post-content元素。

IE 6不支持Source at Quirksmode.org