当第二类更具体时，+选择器不起作用

Question

我不明白为什么这个选择器有效：

.toggle-input + .toggle-trigger

但：

.toggle-input + .ios-toggle  .toggle-trigger

犯规。

+的第二个选择器是否与第一类相关？

<div class="ToggleWidgets ios-toggle">
    <div class='toggle-switch'>
      <input class='toggle-input' name='toggle' type='checkbox'/>
      <label class='toggle-trigger'></label>
    </div>
</div>

Answer 1

.toggle-input + .ios-toggle  .toggle-trigger

如果html代码为：

，则此选择器有效

<div class="toggle-input"></div>
<div class="ios-toggle">
  <div class="toggle-trigger"></div>
</div>