[分享]css3怎么知道是最后一个div

CSS3有一个非常有用的选择器是:lastchild，它可以用来选择某个元素的最后一个子元素，那么如何使用这个选择器知道一个div是最后一个div呢？div:lastchild { / 在这里写最后一...

CSS3有一个非常有用的选择器是:last-child，它可以用来选择某个元素的最后一个子元素，那么如何使用这个选择器知道一个div是最后一个div呢？

div:last-child {

  /* 在这里写最后一个div的样式 */

} 

我们可以使用这个选择器来选中页面中的每一个div，但是如果我们只希望选中最后一个div，可以在选择器中添加一个:last-child伪类，这样就只会选中最后一个div了。

当然，这个选择器不仅仅用于div元素，我们还可以使用它来选择其他元素，比如ul的最后一个li、table的最后一个tr等等。

除了:last-child，CSS3还有其他选择器，比如:first-child（选中某个元素的第一个子元素），:nth-child(n)（选中某个元素的第n个子元素），:nth-last-child(n)（选中某个元素的倒数第n个子元素）等等，它们都可以很方便地对页面中的元素进行样式的设置。