我希望在包含我的复选框的div上:hover时禁用:checked效果
我试过了：
input[type=checkbox]:checked ~ #mydiv:hover {my:css}
它仅适用于div / class non，包括我的复选框...
我该怎么做？
这是我的代码：
http://codepen.io/casimirp/pen/gxfqE?editors=110
我想更改#card:hover{
top:50px;}
由于
答案 0 :(得分：0)
#card是输入复选框类型的父级。您无法选择相对于其子元素的父元素。但是，由于您的复选框无论如何都是隐藏的，您可以将其移动到其他位置，即作为#card的上一个兄弟。然后，您可以通过#card选择:checked ~ #card，然后移除top。