通常、ページはその上のすべてのレイアウトを継承します。つまり、src/routes/a/b/c/+page.svelteは4つのレイアウトを継承します。

• src/routes/+layout.svelte
• src/routes/a/+layout.svelte
• src/routes/a/b/+layout.svelte
• src/routes/a/b/c/+layout.svelte

時々、現在のレイアウト階層から脱却することが役立ちます。それには、親セグメントの名前の前に@記号を追加して、「リセット」します。たとえば、+page@b.svelteは/a/b/cをsrc/routes/a/b/+layout.svelte内に配置し、+page@a.svelteはsrc/routes/a/+layout.svelte内に配置します。

ルートレイアウトまでリセットするには、名前を+page@.svelteに変更します。

ルートレイアウトはアプリのすべてのページに適用され、そこから脱却することはできません。