From ef3020413c08bd1c9d6de279d334396a35434ce9 Mon Sep 17 00:00:00 2001
From: svelte-triage-bot <team@svelte.com>
Date: Mon, 7 Sep 2026 21:30:45 +0000
Subject: [PATCH] fix: preserve global CSS without scopable elements

---
 .changeset/calm-heads-glow.md                 |  5 +++++
 .../phases/2-analyze/css/css-prune.js         | 20 +++++++++++++------
 .../css/samples/global-head-only/_config.js   |  5 +++++
 .../css/samples/global-head-only/expected.css |  2 ++
 .../css/samples/global-head-only/input.svelte |  6 ++++++
 5 files changed, 32 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/calm-heads-glow.md
 create mode 100644 packages/svelte/tests/css/samples/global-head-only/_config.js
 create mode 100644 packages/svelte/tests/css/samples/global-head-only/expected.css
 create mode 100644 packages/svelte/tests/css/samples/global-head-only/input.svelte

diff --git a/.changeset/calm-heads-glow.md b/.changeset/calm-heads-glow.md
new file mode 100644
index 0000000000..ee21d566bb
--- /dev/null
+++ b/.changeset/calm-heads-glow.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: preserve global CSS in components without scopable elements
diff --git a/packages/svelte/src/compiler/phases/2-analyze/css/css-prune.js b/packages/svelte/src/compiler/phases/2-analyze/css/css-prune.js
index dff6bb9b5a..125f096783 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/css/css-prune.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/css/css-prune.js
@@ -145,6 +145,19 @@ export function prune(stylesheet, elements) {
 		},
 		ComplexSelector(node) {
 			const selectors = get_relative_selectors(node);
+			const rule = /** @type {Compiler.AST.CSS.Rule} */ (node.metadata.rule);
+			const first = selectors[0]?.selectors[0];
+			const is_icss_export =
+				selectors.length === 1 &&
+				selectors[0].selectors.length === 1 &&
+				first?.type === 'PseudoClassSelector' &&
+				first.name === 'export' &&
+				first.args === null;
+
+			// Global and ICSS export rules do not depend on an element in this component
+			if (every_is_global(selectors, 0, selectors.length, rule) || is_icss_export) {
+				node.metadata.used = true;
+			}
 
 			for (const element of elements) {
 				seen.clear();
@@ -153,12 +166,7 @@ export function prune(stylesheet, elements) {
 					// Elements rendered through <svelte:head> are not style-scopable.
 					// Prevent css hash injection (class="s-...") on tags like <meta>, <link>, <script>.
 					!is_inside_svelte_head(element) &&
-					apply_selector(
-						selectors,
-						/** @type {Compiler.AST.CSS.Rule} */ (node.metadata.rule),
-						element,
-						BACKWARD
-					)
+					apply_selector(selectors, rule, element, BACKWARD)
 				) {
 					node.metadata.used = true;
 				}
diff --git a/packages/svelte/tests/css/samples/global-head-only/_config.js b/packages/svelte/tests/css/samples/global-head-only/_config.js
new file mode 100644
index 0000000000..292c6c49ac
--- /dev/null
+++ b/packages/svelte/tests/css/samples/global-head-only/_config.js
@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	warnings: []
+});
diff --git a/packages/svelte/tests/css/samples/global-head-only/expected.css b/packages/svelte/tests/css/samples/global-head-only/expected.css
new file mode 100644
index 0000000000..0496468076
--- /dev/null
+++ b/packages/svelte/tests/css/samples/global-head-only/expected.css
@@ -0,0 +1,2 @@
+:export { foo: red; }
+	:is(td, th) { color: red; }
diff --git a/packages/svelte/tests/css/samples/global-head-only/input.svelte b/packages/svelte/tests/css/samples/global-head-only/input.svelte
new file mode 100644
index 0000000000..3b0e647728
--- /dev/null
+++ b/packages/svelte/tests/css/samples/global-head-only/input.svelte
@@ -0,0 +1,6 @@
+<svelte:head><meta name="x" content="y" /></svelte:head>
+
+<style>
+	:export { foo: red; }
+	:is(:global(td), :global(th)) { color: red; }
+</style>