当 :checked 包含我的复选框时，我想禁用 :hover 效果。
我试过了:
input[type=checkbox]:checked ~ #mydiv:hover {my:css}
它只适用于 div/class 不包括我的复选框...
我该怎么做？
这是我的代码:
http://codepen.io/casimirp/pen/gxfqE?editors=110
我想更改 #card:hover{
top:50px;}
谢谢
最佳答案
#card 是输入复选框类型的父级。您不能选择相对于其子元素的父元素。但是，由于您的复选框无论如何都是隐藏的，您可以将其移动到其他地方，即作为 #card 的前一个兄弟。然后，您将能够通过 :checked ~ #card 选择 #card 并删除 top。
关于html - 如何更改 :checked on a div including the checkbox 上的类(class)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23971224/