Vue · Middle · Question 70 of 75

How do you style slot content passed in by the parent from a component's scoped styles?

:slotted(p) { margin: 0; }

✓Correct answer: Use the :slotted() pseudo-selector
2Use :deep()
3Slot content can't be styled by the child

Explanation

Slot content belongs to the parent's scope, so normal scoped selectors don't match it. :global() escapes scoping entirely.

Further reading

Vue API: SFC CSS Features ↗

Test yourself

Take the Vue · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.