Case-Based Critical Thinking Question
Rosa is implementing a new layout for her jewelry store website by incorporating visual effects using CSS. In particular, she is adding generated content and visual form feedback.
-To specify properties for the form field that has the focus, Rosa should use the __________ pseudo-class.
A) :valid
B) :invalid
C) :focus
D) :checked

Question

Quizplus · Accepted Answer

When an element has focus, meaning it is currently selected or active, the :focus pseudo-class is used to specify its properties. This is the correct option for Rosa to use when adding visual form feedback to her website. Option A (:valid) and Option B (:invalid) are used to specify the properties of valid and invalid form elements, respectively. Option D (:checked) is used for radio buttons or checkboxes that have been selected.