[css-view-transitions-2] Allow pseudo-element with class and no * (#10153)

Based on resolution:
#9874 (comment)

Closes #9874

Author: noamr

css-view-transitions-2/Overview.bs

@@ -631,17 +631,18 @@ div.box {
 	are extended to support the following syntax:
 
 	<pre class=prod>
-		::view-transition-group(<<pt-name-selector>><<pt-class-selector>>)
-		::view-transition-image-pair(<<pt-name-selector>><<pt-class-selector>>)
-		::view-transition-old(<<pt-name-selector>><<pt-class-selector>>)
-		::view-transition-new(<<pt-name-selector>><<pt-class-selector>>)
+		::view-transition-group(<<pt-name-and-class-selector>>)
+		::view-transition-image-pair(<<pt-name-and-class-selector>>)
+		::view-transition-old(<<pt-name-and-class-selector>>)
+		::view-transition-new(<<pt-name-and-class-selector>>)
 	</pre>
 
 	where <<pt-name-selector>> works as previously defined, and
-	<<pt-class-selector>> has the following syntax definition:
+	<<pt-name-and-class-selector>> has the following syntax definition:
 
 	<pre class=prod>
-		<dfn>&lt;pt-class-selector></dfn> = ['.' <<custom-ident>>]*
+		<dfn>&lt;pt-name-and-class-selector></dfn> = <<pt-name-selector>><<pt-class-selector>>? | <<pt-class-selector>>
+		<dfn>&lt;pt-class-selector></dfn> = ['.' <<custom-ident>>]+
 	</pre>
 
 	A [=named view transition pseudo-element=] [=selector=] which has one or more <<custom-ident>> values