时间戳

首页 > 解决方案 > 选择没有类的最后一个元素

css - 选择没有类的最后一个元素

问题描述

我在特定 JS 事件的元素中动态添加和删除类。我想做的是选择最后一个没有这些类的子元素。

示例 #1

<container-element>
  <h2></h2>
  <div class='some-class'></div>
  <div></div>
  <div></div> <!-- select this div -->
</container-element>

示例 #2

<container-element>
  <h2></h2>
  <div></div>
  <div></div> <!-- select this div -->
  <div class='some-class'></div>
</container-element>

是否可以编写一个CSS 选择器来做到这一点？

像什么container-element > div:not(.select):last-of-type？

标签： csscss-selectors

解决方案

根据这个答案，技术上的解决方案是container-element > div:nth-last-child(1 of :not(.select))。

但是，除 Safari 之外的任何浏览器仍然不支持of S该子句。:nth-last-child

推荐阅读