css3 最后两个元素

CSS3中新增了两个选择器，分别是:last-child和:nth-last-child()

:last-child选择器是用来选中某个元素的最后一个子元素，无论是什么类型的子元素。比如下面这个例子：

ul>
    li>
    List item 1/li>
    li>
    List item 2/li>
    li>
    List item 3/li>
    li>
    List item 4/li>
    /ul>
ul li:last-child {
    /* 选中ul中的最后一个li元素 */background-color: red;
}
    

上述代码会选中最后一个li元素，将其背景色设为红色。

:nth-last-child(n)是用来选中某个元素倒数第n个子元素。比如下面这个例子：

ul>
    li>
    List item 1/li>
    li>
    List item 2/li>
    li>
    List item 3/li>
    li>
    List item 4/li>
    /ul>
ul li:nth-last-child(2) {
    /* 选中ul中倒数第二个li元素 */background-color: red;
}
    

上述代码会选中倒数第二个li元素，将其背景色设为红色。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！