next
Round
Technologies
Coding Problems
Bookmarks
Learning Paths
next
Round
Technologies
Coding Problems
Bookmarks
Learning Paths
1
What are the limitations of pseudo-elements compared to actual DOM elements?
Intermediate
2
Can you style text highlights with pseudo-elements?
Beginner
3
How can ::selection be customized for accessibility and branding?
Intermediate
4
How does the ::part() pseudo-element work in Web Components?
Intermediate
5
How is ::slotted() different from ::part() in shadow DOM styling?
Intermediate
6
What is the difference between ::file-selector-button and other input pseudo-elements?
Intermediate
7
What is ::backdrop, and where is it used?
Intermediate
8
What does the ::placeholder pseudo-element do?
Beginner
9
How does ::cue work with media elements?
Intermediate
10
What is the ::marker pseudo-element and when is it used?
Beginner
11
How can pseudo-elements be used in responsive design?
Intermediate
12
How can you create a border animation using pseudo-elements?
Intermediate
13
How can pseudo-elements help in implementing skeleton loaders or shimmer effects?
Intermediate
14
How can you use ::before and ::after to clear floats?
Beginner
15
How can you create a button hover animation using ::before or ::after?
Beginner
16
How can you use pseudo-elements to add icons without extra markup?
Intermediate
17
How can you make a quotation mark appear before a paragraph using pseudo-elements?
Beginner
18
How do you create a triangle or arrow shape using only CSS pseudo-elements?
Beginner
19
How can you make a custom underline or highlight effect using ::after?
Intermediate
20
How can you create a tooltip using pseudo-elements?
Beginner
21
How do you control the stacking order of ::before and ::after pseudo-elements?
Beginner
22
How can you control the generated content with pseudo-elements using attr()?
Intermediate
23
Can pseudo-elements be used inside flex or grid layouts?
Beginner
24
Can pseudo-elements trigger JavaScript events (like click)?
Beginner
25
How does inheritance work with pseudo-elements?
Advanced
26
What’s the difference between using pseudo-elements and real elements for decoration?
Intermediate
27
How do pseudo-elements interact with display and overflow properties?
Intermediate
28
Can you apply pseudo-elements to replaced elements (like <img>)?
Intermediate
29
Can pseudo-elements have child elements or content inside them?
Beginner
30
How does stacking and z-index affect pseudo-elements?
Intermediate
31
Can you use multiple pseudo-elements on the same element?
Beginner
32
What is the ::selection pseudo-element used for?
Beginner
33
What’s the difference between using ::before and ::after?
Beginner
34
Can pseudo-elements be positioned using CSS positioning properties? Can pseudo-elements have background images or colors? How can you use pseudo-elements to create shapes or icons?
Intermediate
35
Can pseudo-elements be styled with animations or transitions?
Beginner
36
How can you style the first line of a paragraph differently?
Beginner
37
What does the ::first-line pseudo-element do?
Beginner
38
What does the ::first-letter pseudo-element do?
Beginner
39
What is the difference between :before and ::before? Why were pseudo-elements changed from one colon (:) to two (::) in CSS3?
Beginner
40
How can you insert content using pseudo-elements?
Beginner
41
What does the ::before pseudo-element do? What does the ::after pseudo-element do?
Beginner
42
Name some commonly used pseudo-elements.
Beginner
43
What is the syntax of a pseudo-element?
Beginner
44
How are pseudo-elements different from pseudo-classes?
Intermediate
45
What is a pseudo-element in CSS?
Beginner
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
Share
this topic
Share via WhatsApp, X, Facebook, LinkedIn or copy link. Open Graph preview enabled.