පසුබෑමේ ක්‍රියාකාරීත්වය checked

checked පසුබෑමේ ක්‍රියාකාරීත්වය සලකුණු කළ චෙක්පෙට් හෝ රේඩියෝ සොයා ගැනීමට ඉඩ සලසයි.

අවාසනාවකට මෙන්, ඒවා සැරසීම සඳහා විලාසිතා අර්ථ දැක්විය නොහැක. උදාහරණයක් ලෙස පසුබිම හෝ මායිම් වර්ණය අර්ථ දැක්විය නොහැක (උදාහරණයක් ලෙස, පළල සහ උස අර්ථ දැක්විය හැකි නමුත් ඒවා අපේක්ෂිත ආකාරයට බලපෑම් කරන්නේ නැත).

එසේ වුවද, අසල්වැසි මූලද්‍රව්‍ය සඳහා විලාසිතා අර්ථ දැක්විය හැක, උදාහරණයක් ලෙස: input:checked + p - සලකුණු කළ ආදානයට කෙලින්ම පහළින් පිහිටා ඇති ඡේදය සඳහා විලාසිතා අර්ථ දක්වමු.

වාග් රීතිය

මූලද්‍රව්‍යය:checked {
	
}

උදාහරණය

චෙක්පෙට් සලකුණු කර බලන්න, එවිට ඔබට දකින්නට ලැබෙනු ඇත කෙසේද යත් රතු පැහැයෙන් බබලන්නේ ලේබල, සලකුණු කළ චෙක්පෙට් වලට කෙලින්ම පසුව පිහිටා ඇති:

<input type="checkbox" id="elem1">
<label for="elem1">ලේබලය 1</label>
<br>
<input type="checkbox" id="elem2">
<label for="elem2">ලේබලය 2</label>

input:checked + label {
	color: red;
}

උදාහරණය

රේඩියෝ සලකුණු කර බලන්න, එවිට ඔබට දකින්නට ලැබෙනු ඇත කෙසේද යත් රතු පැහැයෙන් බබලන්නේ ලේබල, සලකුණු කළ ස්විචයට කෙලින්ම පසුව පිහිටා ඇති:

<input type="radio" name="elem" id="elem1">
<label for="elem1">ලේබලය 1</label>
<br>
<input type="radio" name="elem" id="elem2">
<label for="elem2">ලේබලය 2</label>

input:checked + label {
	color: red;
}