diff --git a/packages/svelte/tests/css/samples/global-with-data-attribute/expected.css b/packages/svelte/tests/css/samples/global-with-data-attribute/expected.css
new file mode 100644
index 0000000000..a9afeeeadd
--- /dev/null
+++ b/packages/svelte/tests/css/samples/global-with-data-attribute/expected.css
@@ -0,0 +1,3 @@
+	.foo.svelte-xyz[data-state='checked'] {
+		background-color: red;
+	}
diff --git a/packages/svelte/tests/css/samples/global-with-data-attribute/input.svelte b/packages/svelte/tests/css/samples/global-with-data-attribute/input.svelte
new file mode 100644
index 0000000000..0e2d79c38d
--- /dev/null
+++ b/packages/svelte/tests/css/samples/global-with-data-attribute/input.svelte
@@ -0,0 +1,7 @@
+<!-- an action or sth else could dynamically set the data-state -->
+<div class="foo"></div>
+<style>
+	.foo:global([data-state='checked']) {
+		background-color: red;
+	}
+</style>
\ No newline at end of file