{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 闹够了就滚 的问题《CSS - Sibling selector not working in android?》','https://www.manongdao.com/q-1259190.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
This code works fine in Chrome on desktop, but not android stock browser:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
input:checked ~ span {color:red;}
</style>
</head>
<body>
<label>
<input type="checkbox" />
<span>First item</span>
</label>
</body>
</html>
Basically when you click hte check mark, the span tag text should turn red. It's not turning red on my Galaxy Note with android 4.0.
What's wrong with my code?
http://quirksmode.org/css/selectors/mobile.html
The sibling selector is supported
the :checked pseudo-class is not