input:checked + label；input:checked ~ label分别是什么意思。求大神解答、谢谢~

Question

input:checked + label

input:checked ~ label

Answer 1

input:checked ~ label   ：相邻同胞选择器，选择被选中的input标签后 所有的label标签［input  和 label标签有共同的父元素］；input:checked ＋ label   ：相邻同胞选择器，选择被选中的input标签后 第一个label标签［input  和 label标签有共同的父元素］；

Answer 2

input:checked ~ label这个知道是什么意思了吗

Answer 3

我也在找这个问题，+的意思是兄弟选择器，大概意思是当input被勾选后，紧接着label讲出现以下样式：应该是这样表达的：input:checked + label{bg:#ccc;};大概意思是当input被勾选后，紧接着label背景颜色变为#ccc；有错误请纠正，，，