[分享]css取最后一个类

在CSS中，我们有时需要选择一个元素中最后一个类并对其进行样式设置。那么，如何使用CSS来取最后一个类呢？/ 方法一：使用:lastoftype伪类 / p:lastoftype { / 样式设置 /...

在CSS中，我们有时需要选择一个元素中最后一个类并对其进行样式设置。那么，如何使用CSS来取最后一个类呢？

/* 方法一：使用:last-of-type伪类 */
p:last-of-type[class] {
  /* 样式设置 */
}

/* 方法二：使用:nth-last-of-type伪类 */
p:nth-last-of-type(1)[class] {
  /* 样式设置 */
}

/* 方法三：使用:last-child伪类 */
p[class]:last-child {
  /* 样式设置 */
} 

方法一：:last-of-type伪类选择器可以选择某个元素下最后一项。此外，加上[class]选择器可以仅选择包含类名的元素。此方法可能与其他封装到元素中的元素混淆。

方法二：:nth-last-of-type伪类选择器也可以选择同样的元素。我们仍然要求它包含一个类名，并选择倒数第一项。

方法三：:last-child伪类选择器将选择含有类名的选择器中的最后一个元素。

以上是3种可以使用CSS选择器取得最后一个类的方法。您可以根据您的具体情况选择其中的一种方法并进行设置样式。