document.querySelector选择非最后一个元素的元素

有多种方法可以选择非最后一个元素的元素，以下是其中一些常见的方法：

1. 使用:nth-last-child伪类

可以使用:nth-last-child伪类来选择除了最后一个子元素以外的所有子元素。例如，以下代码将选择ul元素中除了最后一个li元素以外的所有li元素：

ul li:not(:last-child) {
  /* CSS样式 */
}

2. 使用:nth-child伪类

类似于:nth-last-child，也可以使用:nth-child伪类来选择除了最后一个子元素以外的所有子元素。例如，以下代码将选择ul元素中除了最后一个li元素以外的所有li元素：

ul li:nth-child(-n+2) {
  /* CSS样式 */
}

3. 使用:last-child伪类

可以使用:last-child伪类来选择除了最后一个元素以外的所有同级元素。例如，以下代码将选择ul元素中除了最后一个li元素以外的所有li元素：

ul li:last-child:not(:last-of-type) {
  /* CSS样式 */
}

4. 使用JavaScript

可以使用JavaScript来选择非最后一个元素的元素，例如：

const elements = document.querySelectorAll('li');
for (let i = 0; i < elements.length - 1; i++) {
  elements[i].classList.add('my-class');
}

这将选择所有li元素并将“my-class”类添加到除了最后一个元素以外的所有元素中。