JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="test2" class="switcher"><label for="test2">label_1</label> <label for="test2">lebel_2</label>

CSS

input.switcher[type=checkbox] + label {
	color: grey;
	font-size: 32px;
}

input.switcher[type=checkbox]:checked + label {
	color: red;
} 


input.switcher[type=checkbox] + label + label {
	color: blue;
	font-size: 32px;
}

input.switcher[type=checkbox]:checked + label ~ label {
	color: green;
	font-size: 70px;
}