On checkbox status checked can't update style span above the input CSS3

Is it possible to update first child after input[type=checkbox]:checked status in CSS3, without involving jQuery?

My question is about this technique in my DEMO:

input[type=checkbox]:checked ~ .useraccounts,
input[type=checkbox]:checked ~ .hashtags {
    background-color: #fd2626; // red color
}