address feedback

packages/svelte/tests/css/samples/class-directive/_config.js

@@ -4,16 +4,16 @@ export default test({
 	warnings: [
 		{
 			code: 'css_unused_selector',
-			message: 'Unused CSS selector ".third"\nhttps://svelte.dev/e/css_unused_selector',
+			message: 'Unused CSS selector ".forth"\nhttps://svelte.dev/e/css_unused_selector',
 			start: {
-				line: 7,
+				line: 8,
 				column: 2,
-				character: 166
+				character: 190
 			},
 			end: {
-				line: 7,
+				line: 8,
 				column: 8,
-				character: 172
+				character: 196
 			}
 		}
 	]

packages/svelte/tests/css/samples/class-directive/expected.css

@@ -1,4 +1,5 @@
-  .first.svelte-xyz { color: green }
+
+  .zero.first.svelte-xyz { color: green }
   .second.svelte-xyz { color: green }
-  .zero.first.second.svelte-xyz { color: green }
-  /* (unused) .third { color: red }*/
+  .third.svelte-xyz { color: green }
+  /* (unused) .forth { color: red }*/

packages/svelte/tests/css/samples/class-directive/input.svelte

@@ -1,8 +1,9 @@
-<div class="zero" class:first={true} class:second={true}></div>
+<div class="zero" class:first={true}></div>
+<div class:second={true} class:third={true}></div>
 
 <style>
-  .first { color: green }
+  .zero.first { color: green }
   .second { color: green }
-  .zero.first.second { color: green }
-  .third { color: red }
+  .third { color: green }
+  .forth { color: red }
 </style>