Почему <отклоняют пользователей =“?”/> включенный в следующий пример?

Хорошо, во-первых, вы не можете иметь повторяющиеся идентификаторы, так как идентификаторы используются для уникальных элементов. Чтобы исправить ваш код, вы должны сделать что-то вроде этого:

<span>ignored</span>
<div class="specialid"><!--odd - select-->
  <span>ignore</span>
  <span class="specialchild">not ignored</span><!--do not ignore b/c odd parent of #specialid-->
  <div class="specialid"><!--even - do not select-->
    <div>
      <div>
        <span class="specialchild">ignored</span><!--ignore-->
      </div>
    </div>
    <div class="specialid"><!--odd - select-->
      <span class="specialchild">not ignored</span><!--do not ignore b/c odd parent of #specialid-->
      <span>ignored</span><!--ignore-->
    </div>
  </div>
  <div><!--not #specialid, so ignore in even-odd toggle-->
    <div class="specialid"><!--even - select-->
      <span class="specialchild">ignored</span><!--ignore b/c even parent of #specialid-->
    </div>
  </div>
</div>

Честно говоря, я не совсем уверен, что вы пытаетесь достичь с помощью этого кода, и структура немного странная , но я, вероятно, рекомендую использовать такие определения:

1. Для ссылки на нечетные .specialid элементы.

   .specialid:nth-child(odd) { ... }

2. Для обозначения нечетного .specialchild дочернего элемента нечетного .specialid

   .specialid:nth-child(odd) > .specialchild:nth-child(even) { ... }

3. Чтобы ссылаться на нечетные .specialid элементы внутри нечетных .specialid элементов

   .specialid:nth-child(odd) .specialid:nth-child(even) { ... }

Я не уверен, чего еще вы пытаетесь достичь но сначала вы должны поработать над своей HTML-структурой.