Questions
30 of 50
1How are pseudo-classes different from pseudo-elements?
2What is a pseudo-class in CSS?
3Give some commonly used pseudo-classes.
4What’s the purpose of the :active pseudo-class?
5What is the :focus pseudo-class used for?
6What is the syntax of a pseudo-class in CSS?
7How does the :visited pseudo-class work for links?
8What does the :hover pseudo-class do?
9What does the :checked pseudo-class do?
10How does the :disabled pseudo-class behave?
11How would you use :has() to select a <div> that contains an image?
12How can you highlight a link only when it’s both focused and hovered?
13How can you style the first letter of only the first paragraph using pseudo-classes?
14How can you style the parent when any child inside it is focused?
15How do you hide empty <p> tags using pseudo-classes?
16How can you style alternate table rows without adding extra classes?
17How do you style every third list item differently?
18How can you highlight the current section in a menu using :target?
19How can you style a form field differently when focused and valid?
20How do you change a button’s color when hovered but not when disabled?
21How can you style only the last element of a list using pseudo-classes?
22What does the :lang() pseudo-class do?
23What’s the difference between :nth-child() and :nth-last-child()?
24How can you combine :is() or :where() with other selectors for cleaner code?
25How does :is() differ from :where() in terms of specificity?
26How does :has() pseudo-class work, and why is it powerful?
27Is :has() supported in all browsers?
28How can you use :not() effectively to exclude elements from styling?
29What is the specificity of pseudo-classes compared to normal selectors?
30Can pseudo-classes be chained together? Give an example.
31How can you style a checkbox when it is checked or unchecked?
32How can you style invalid form inputs without JavaScript?
33What is the purpose of the :placeholder-shown pseudo-class?
34What’s the difference between :focus and :focus-visible?
35How does the :focus-within pseudo-class work?
36How can you style an input field when it’s autofilled?
37What does :read-only and :read-write do?
38What is the use of :in-range and :out-of-range?
39What does the :valid and :invalid pseudo-class do?
40How can you use :required and :optional pseudo-classes in forms?
41How can you use :empty to detect empty elements?
42How does the :root pseudo-class differ from the html selector?
43What is the difference between :first-child and :first-of-type?
44How do :nth-child() and :nth-of-type() differ?
45What does the :target pseudo-class represent?
46What is the difference between :link and :visited?
47What does the :not() pseudo-class do?
48How can you use multiple pseudo-classes together?
49How can you style an element when it’s being hovered over along with its child?
50How do you select every odd or even element using pseudo-classes?
