html - 过滤掉内容时的第 n 个类型

Question

.user:nth-of-type(odd) {
  background-color:red;
}
.hideMe {
  display:none;
}

<div>
  <div class="user hideMe">Test</div>
  <div class="user hideMe">Test</div>
  <div class="user">Test</div>
  <div class="user">Test</div>
  <div class="user ">Test</div>
  <div class="user hideMe">Test</div>
  <div class="user">Test</div>
</div>

我有一个有时会被过滤的用户列表。过滤会为元素添加一个“hideMe”类。Elements 将每个奇数用户作为浅灰色背景，每个偶数用户都有白色背景。因为过滤器可能会隐藏白色背景，所以它会使 2 个灰色背景同时出现。这是它的外观。这个问题有没有简单的CSS解决方案？谢谢

这是问题：

这就是我想要的样子：

标签： htmlcsscss-selectors