Etiquetas de diseño de botones de radio marcados con css

la tarea de aplicar estilos CSS a etiquetas asociadas con botones de radio controlados se puede lograr usando el uso del uso de los botones de radio controlados. Css selector \ 'input [type = "radio"]: etiqueta marcada \ `.

explicación:

el símbolo \` en este selector representa el ** adyacente Combinador de hermanos **. Asegura que la etiqueta aparezca inmediatamente después de la entrada de botón de radio marcado. Al combinar este selector con la pseudo-class \: Checked`, se dirige a las etiquetas que siguen las entradas del botón de radio marcado.

Por ejemplo, considere el siguiente marcado:

usando el selector \ `input [type =" radio "]: marcado etiqueta \, puede aplicar el siguiente estilo:

input[type="radio"]:checked label {
  font-weight: bold;
}

Este estilo hará que la etiqueta del botón de radio marcado sea en negrita, mientras deja las etiquetas de los botones de radio sin control sin cambios.