gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(curriculum): improve explanation of chained pseudo-classes (#64489)

Browse Source 
Co-authored-by: Ali Farooqi <ali.farooqi@kmon.net>
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
This commit is contained in:
Muhammad Ali Farooqi
2025-12-15 10:55:43 +08:00
committed by GitHub
parent 246368a086
commit 8e861141dd
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/english/blocks/workshop-game-settings-panel/68e9a834dfef752dc35f6f90.md
+3 -2
View File
@@ -9,8 +9,9 @@ dashedName: step-14
Now that your checkboxes change color when the user clicks them, you are going to apply some styling to make it a little more obvious that the checkbox has been selected.
First, create a new type selector of `input[type="checkbox"]` with the previous pseudo-class selector of `:checked` and add the pseudo-element selector of `::after`.
This will specifically target what happens after the user has checked the box.
CSS pseudo-classes can be chained. You can add one pseudo-class or pseudo-element after another to target elements that meet multiple conditions.
Create a new selector for `input[type="checkbox"]`. Add the `:checked` pseudo-class followed by the `::after` pseudo-element. This allows you to add a visual indicator when the checkbox is checked.
Next, add `content` with the value of `"✓"`.