css3 最后3个元素

CSS3是一个充满丰富的特性的版本，它支持多样化的样式和效果。在这个版本中，有三个特殊的元素经常被使用：:not()、:nth-last-child()和:nth-of-type()。

1、:not():not()可以排除某些不需要的元素，例如：想选中所有li元素并将这些元素设置为灰色，但是要排除包含类名为“selected”的li元素。可以使用以下代码实现：li:not(.selected) {
    color: gray;
}

这将选择所有不包含类名为“selected”的li元素，并将它们设置为灰色。

2、:nth-last-child():nth-last-child()可以用来选择指定元素，以使他们按照倒数顺序被应用样式。例如，要选择倒数第二个div元素，并将其设置为红色，可以使用以下代码:div:nth-last-child(2) {
    color: red;
}

这将选择倒数第二个div元素并将其设置为红色。

3、:nth-of-type():nth-of-type()可以用来选择指定类型的元素。例如，要选择所有偶数个li元素并将它们设置为绿色，可以使用以下代码:li:nth-of-type(even) {
    color: green;
}
    

这将选择所有偶数个li元素并将它们设置为绿色。

以上三个元素可以很好的解决一些特定的样式需求。当您学会了这些选择器，您可以更好地控制您的页面中的元素样式。

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