## :global(...) 単一のセレクターに対してグローバルにスタイルを適用するには、`:global(...)` 修飾子を使用します: ```svelte ``` @keyframes をグローバルにアクセス可能にしたい場合は、keyframe name の前に `-global-` を付ける必要があります。 `-global-` の部分はコンパイル時に削除され、その後はコード内のどこからでも `my-animation-name` という名前でその keyframe を参照できるようになります。 ```svelte ``` ## :global 一連のセレクターに対してグローバルにスタイルを適用するには、`:global {...}` ブロックを作成します: ```svelte ``` > [!NOTE] 上記の 2 番目の例は `.a :global .b .c .d` セレクターとしても記述でき、この場合は `:global` の後に続く部分がスコープされません。なお、ネスト形式の方が推奨されます。