fix: improve pseudo elements parsing

Author: navorite

packages/svelte/src/compiler/phases/1-parse/read/style.js

@@ -219,28 +219,22 @@ function read_selector(parser, inside_pseudo_class = false) {
 				start,
 				end: parser.index
 			});
-		} else if (parser.eat('::')) {
-			children.push({
-				type: 'PseudoElementSelector',
-				name: read_identifier(parser),
-				start,
-				end: parser.index
-			});
 		} else if (parser.eat(':')) {
+			const psuedo_element = parser.eat(':');
+
 			const name = read_identifier(parser);
 
-			/** @type {null | import('#compiler').Css.SelectorList} */
 			let args = null;
 
 			if (parser.eat('(')) {
 				args = read_selector_list(parser, true);
 				parser.eat(')', true);
-			} else if (name === 'global') {
+			} else if (!psuedo_element && name === 'global') {
 				error(parser.index, 'invalid-css-global-selector');
 			}
 
 			children.push({
-				type: 'PseudoClassSelector',
+				type: psuedo_element ? 'PseudoElementSelector' : 'PseudoClassSelector',
 				name,
 				args,
 				start,

packages/svelte/src/compiler/types/css.d.ts

@@ -54,6 +54,7 @@ export interface AttributeSelector extends BaseNode {
 export interface PseudoElementSelector extends BaseNode {
 	type: 'PseudoElementSelector';
 	name: string;
+	args: SelectorList | null;
 }
 
 export interface PseudoClassSelector extends BaseNode {

packages/svelte/tests/parser-modern/samples/css-psuedo-element-selector/input.svelte

@@ -0,0 +1,5 @@
+<style>
+	:root::view-transition-old(*) {
+	animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-out, 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
+}
+</style>