0

我正在开发一个项目，该项目涉及出现在顶部的消息。但是，尝试选择显示的最后一条错误消息时，last-child 似乎不起作用。你可以在这里看到这个：http: //jsfiddle.net/XNVCz/

但是，当我删除 HTML 末尾的一小段代码时；

<div class="container"></div>

然后 last-child 再次工作，即使该 div 不属于同一类。我究竟做错了什么？

4

3 回答 3

1

:last-child顾名思义，选择其父级的最后一个子级（如果它也匹配选择器的前一个元素名称）。

但是，它不承认类名；因此，您的选择器正在寻找仅.messager:last-child匹配父级的。:last-child

而且，很明显，当您插入另一个元素作为共同父元素的最后一个子元素时，另一个元素不再是该父元素的最后一个子元素。:last-of-class而且，遗憾的是，到目前为止，还没有选择器。

于 2013-03-11T16:59:57.653 回答
1

选择:last-child器不知道类。

如果它是“其父元素的最后一个子元素”（reference），它会选择该元素，而不管类、id-s 等。

于 2013-03-11T16:59:46.460 回答
0

你需要把你的<div class="message">放在一个父分隔符中，以便使用'：last-child'来限定它们。

jsfiddle.net/XNVCz/1/

<div>
    <div class="messager err">
        <div> <strong>Error:</strong> You did not enter the verification code properly.
            <a class="closemessage"><span aria-hidden="true" class="icon-x"></span></a>
        </div>
    </div>
    <div class="messager err">
        <div> <strong>Error:</strong> You did not enter the verification code properly.
            <a class="closemessage"><span aria-hidden="true" class="icon-x"></span></a>
        </div>
    </div>
</div>
于 2013-03-11T16:59:59.040 回答