# Explicit Literal > A literal scoped:class example where a parent-scoped class reaches a child component only when the call site opts in. **Source:** [https://scoped.svelte.page/examples/explicit-literal](https://scoped.svelte.page/examples/explicit-literal) **Markdown mirror:** [https://scoped.svelte.page/examples/explicit-literal.md](https://scoped.svelte.page/examples/explicit-literal.md) --- This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page. ## FIG-001: explicit literal. The smallest useful proof: a native element and a child component both use the same parent-owned class, but the child only gets the parent hash through `scoped:class`. **Metadata:** tag: `SCOPED CLASS` | syntax: `scoped:class` | value: `string literal` | status: `passing` ### Source #### ExplicitLiteral.svelte Source file: [src/lib/examples/scoped-props/demos/ExplicitLiteral.svelte](https://github.com/humanspeak/svelte-scoped-props/blob/main/docs/src/lib/examples/scoped-props/demos/ExplicitLiteral.svelte) ```svelte
Native element
This div receives the scoped parent class.
Child component
Source <div class="demo-card parent-owned"> <ChildCard scoped:class="parent-owned" />
Current result
  • Native element demo-card parent-owned svelte-parent baseline
  • Child component child-card parent-owned svelte-parent svelte-child has parent hash
``` #### ChildCard.svelte Source file: [src/lib/examples/scoped-props/demos/components/ChildCard.svelte](https://github.com/humanspeak/svelte-scoped-props/blob/main/docs/src/lib/examples/scoped-props/demos/components/ChildCard.svelte) ```svelte
Child receives class="{classText}".
```