去掉class重复类名相同的第一个元素的样式和最后一个元素的样式

去掉class重复类名相同的第一个元素的样式和最后一个元素的样式

要取消类名相同的第一个元素的样式，您可以使用 :first-child 或 :first-of-type 伪类。同样，要取消类名相同的最后一个元素的样式，您可以使用 :last-child 或 :last-of-type 伪类。

去掉class重复类名相同的第一个元素的样式

方法：

一、使用 :first-child 伪类取消第一个元素的样式：

.example:first-child {

  color:red;

}

二、使用 :first-of-type 伪类取消第一个元素的样式：

.example:first-of-type {

  color:red;

}

去掉class重复类名相同的最后一个元素的样式

方法：

一、使用 :last-child 伪类取消最后一个元素的样式：

代码：

.example:last-child {

  color:red;

}

二、使用 :last-of-type 伪类取消最后一个元素的样式：

代码：

.example:last-of-type {

  color:red;

}

注意：.example 是一个类名，您可以根据实际情况将其替换为您的类名。这些规则将会选择相应位置的元素并取消特定样式。