CSS-双伪类。。这可能吗

这可能吗

---

基本上，当选中同级复选框时，我希望在.onoffswitch内部有一个hover类。

请继续。它的工作原理是：

HTML

注意：标签标签最好有一个for属性，该属性不能被复选框引用。出于可访问性和可用性的原因。因此，屏幕读者喜欢它，它扩大了点击区域，并增加了标签焦点

这将使具有该类的复选框的任何同级元素获得该悬停样式。见：

IE 8不支持：选中

.onoffswitch-checkbox:checked ~ .onoffswitch-inner:hover {
   background: #0095cd;
}

---

在我看来似乎是有效的CSS。你试过了吗？是的，没用。。看来我可能还有别的事情要做。我不明白，我在做我认为正确的事情，但它不起作用！非常感谢：）ie8在我看来已经过时了。我确信我读到windows将在四月份停止支持winXP。。因此，ie8终于结束了！至于屏幕阅读器。。是的，但是这个应用程序并不是专门为看不见的人设计的。。这个复选框是他们最不关心的。将内容添加到标签中，服务器可以少计算一次，客户端可以少下载一点代码。IE 8在美国占7%+许多公司的机器更新速度都不那么快。你永远不知道你的最终用户是否有视力障碍。你甚至可以把它作为独特的卖点。这是千真万确的。。但在我看来，你必须考虑你的目标市场。。我的目标是7%。。大而缓慢的公司或是处于困境的老年退休金领取者。。在微软放弃对xp的支持后，四月份会发生什么？

<label>
    <input type="checkbox" class="onoffswitch-checkbox"/> Check this box
    <div class="onoffswitch-inner">And hover here</div>
</label>

.onoffswitch-checkbox:checked ~ .onoffswitch-inner:hover {
   background: #0095cd;
}

 <form action="#" method="post">
  <fieldset>
 <input type="checkbox" class="onoffswitch-checkbox" id="foo" name="bar" /><label for="foo">Foo</label>
 <p class="onoffswitch-inner">This is the inner</p>
  </fieldset>
</form>

.onoffswitch-checkbox:checked ~ .onoffswitch-inner:hover {
   background: #0095cd;
}

.onoffswitch-checkbox:checked + label + .onoffswitch-inner:hover {
   background: #0095cd;
}