:checked与兄弟选择符一起使用的bug

Android Browser4.2.*及以下(可能版本稍有出入)(包括坑爹的Flyme),如果你有这样一段代码:

  1. input:checked ~ .test {
  2. background-color: #f00;
  3. }

那么将无任何效果,如果你想使得上述代码生效,有2种方式:

第一种,使用 input+ 进行激活:

  1. html + input {}
  2. input:checked ~ .test {
  3. background-color: #f00;
  4. }

只要存在 input+ 选择符配合使用的选择器(空规则集也行)即可使得上述代码激活生效。

第二种,直接换成 +

  1. input:checked + .test {
  2. background-color: #f00;
  3. }