DeepFrontend
Learning Paths
Practice
System Design & DS
Design Studio
Data Structures Curriculum
Real-World Case Studies
Careers
Job Board
Resume Builder
Blog
Sign in
Search
⌘K
Go Pro
Loading compiler resources...
HTML Quiz Practice
Active Recall Drill Session
← Exit Session
Question 1 of 1
medium
HTML
A component's global page CSS rule `user-card .title { color: red }` has no effect on markup inside that component's shadow DOM. Why?
A
The selector syntax is invalid
B
Shadow DOM provides genuine style encapsulation — external page CSS does not reach inside a shadow root by default
C
The component hasn't been registered with customElements.define() yet
D
CSS classes don't work inside custom elements
Check Answer