Styling Labels von überprüften Optionsschaltflächen mit CSS

Die Aufgabe, CSS -Stile auf Labels anzuwenden, die mit überprüften Buttons zugeordnet sind, können mithilfe des CSS -Selektor \ 'input [type = "radio"]: überprüftes Label \ `.

Erläuterung:

Das \` -Symbol in diesem Selektor repräsentiert das ** benachbarte Geschwisterkombinator **. Es stellt sicher, dass das Etikett unmittelbar nach der geprüften Optionsschaltflächeneingabe angezeigt wird. Durch die Kombination dieses Selektors mit der Pseudo-Klasse \: checked` pseudo-Klasse richtet sich sie auf Labels, die überprüft wurden, ob die Optionsschaltflächen-Eingaben folgen.

Verwenden des Selektors \ `input [type =" radio "]: Checked Label \ können Sie den folgenden Stil anwenden:

input [type =" radio "]: Checked Label { Schriftgewicht: fett; }

Dieser Stil wird das Etikett des geprüften Optionsschaltwerks fett machen, während die Beschriftungen der nicht überprüften Optionspunkte unverändert bleiben.