html - 无法选择最后一个类(class)

Question

我正在尝试选择我创建的这 3 个类中的最后一个子类。我认为这是一个非常简单的修复。

我创建了一个片段以准确显示我遇到问题的地方。

.homeimage 				{ width: 30%; position: relative; display: inline-block; vertical-align: top; text-align: center; border: 1px solid blue; margin-right: 2%;}
.homeimage:last-class	{  margin-right: 0; border: 1px soild yellow; }

<div class="homeimage">[image|2]<br />
&nbsp;
<h4>Product 1</h4>
</div>
<!-- homeimage -->

<div class="homeimage">[image|2]<br />
&nbsp;
<h4>Product 2</h4>
</div>
<!-- homeimage -->

<div class="homeimage">[image|2]<br />
&nbsp;
<h4>Product 3</h4>
</div>
<!-- homeimage -->

Answer 1

问题是 last-class 不存在。

我建议使用 last-child 来选择父节点的最后一个元素。

这是使用 last-child 的代码段的修改版本。 请注意，我必须创建一个包装器 div 来触发 last-child 功能。

.homeimage 				{ width: 30%; position: relative; display: inline-block; vertical-align: top; text-align: center; border: 1px solid blue; margin-right: 2%;}
.homeimage:last-child	{  margin-right: 0; border: 1px solid yellow; }

    <div>
    <div class="homeimage">[image|2]<br />
    &nbsp;
    <h4>Product 1</h4>
    </div>
    <!-- homeimage -->

    <div class="homeimage">[image|2]<br />
    &nbsp;
    <h4>Product 2</h4>
    </div>
    <!-- homeimage -->

    <div class="homeimage">[image|2]<br />
    &nbsp;
    <h4>Product 3</h4>
    </div>
    <!-- homeimage -->
    </div>