:checked与兄弟选择符一起使用的bug
在 Android Browser4.2.*及以下
(可能版本稍有出入)(包括坑爹的Flyme),如果你有这样一段代码:
input:checked ~ .test {
background-color: #f00;
}
那么将无任何效果,如果你想使得上述代码生效,有2种方式:
第一种,使用 input
和 +
进行激活:
html + input {}
input:checked ~ .test {
background-color: #f00;
}
只要存在 input
和 +
选择符配合使用的选择器(空规则集也行)即可使得上述代码激活生效。
第二种,直接换成 +
:
input:checked + .test {
background-color: #f00;
}