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