2

我使用 PHP for 循环来打印一些与此相呼应的投资组合项目:

echo "
         <a href=\"portfoliodetail.php?id=$id\" class=\"noHover\" title=\"$title\">
         <img src=\"images/portfolio/thumbnails/$bgthumbnail\" alt=\"$title\" />
        </a>
";

但是,我要回显图像三次,并且我希望最后一张图像的边距与其他图像不同。

所以我想我只是在 CSS 中定义一个 :last-child,但是当我把这个边距设置为 0 时,我所有的边距都设置为 0。也许在循环中回显它时,它认为所有项目都是 :last -孩子还是什么?有没有办法让最后一张图片的边距不同?

4

1 回答 1

1

使用 CSS,您可以使用:last-child属性设置边距

<style>
    div a img{margin-left:10px;}
    div a:last-child img{margin-left:50px;}
</style>
<div>
    <a href="#" class="noHover" title=""><img src="http://www.iwebsource.net/wp-content/uploads/2012/02/css3.png" /></a>
    <a href="#" class="noHover" title=""><img src="http://www.iwebsource.net/wp-content/uploads/2012/02/css3.png" /></a>
    <a href="#" class="noHover" title=""><img src="http://www.iwebsource.net/wp-content/uploads/2012/02/css3.png" /></a>
</div>

小提琴示例

于 2013-06-16T17:43:36.977 回答