diff --git a/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/_config.json b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/_config.json
new file mode 100644
index 000000000..788dd0c0e
--- /dev/null
+++ b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/_config.json
@@ -0,0 +1,3 @@
+{
+	"options": [{ "style": ["class", "id", "type"] }]
+}
diff --git a/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/class-scss01-input.svelte b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/class-scss01-input.svelte
new file mode 100644
index 000000000..ac2e25ce4
--- /dev/null
+++ b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/class-scss01-input.svelte
@@ -0,0 +1,15 @@
+<a class="link">Click me!</a>
+
+<b class="bold">Text 1</b>
+
+<b>Text 2</b>
+
+<style lang="scss">
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+</style>
diff --git a/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/class01-input.svelte b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/class01-input.svelte
new file mode 100644
index 000000000..79e8edf27
--- /dev/null
+++ b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-id-type/class01-input.svelte
@@ -0,0 +1,35 @@
+<a class="link">Click me!</a>
+
+<b class="bold">Text 1</b>
+
+<b data-key="val">Text 2</b>
+
+<style>
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+
+  .link:active {
+  	color: red;
+  }
+
+  .link + .bold {
+  	color: red;
+  }
+
+  a.link {
+  	color: red;
+  }
+
+  .bold[data-key="val"] {
+  	color: red;
+  }
+
+  .bold::before {
+  	color: red;
+  }
+</style>
diff --git a/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/_config.json b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/_config.json
new file mode 100644
index 000000000..8f3842b4f
--- /dev/null
+++ b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/_config.json
@@ -0,0 +1,3 @@
+{
+	"options": [{ "style": ["class", "type", "id"] }]
+}
diff --git a/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/class-scss01-input.svelte b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/class-scss01-input.svelte
new file mode 100644
index 000000000..ac2e25ce4
--- /dev/null
+++ b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/class-scss01-input.svelte
@@ -0,0 +1,15 @@
+<a class="link">Click me!</a>
+
+<b class="bold">Text 1</b>
+
+<b>Text 2</b>
+
+<style lang="scss">
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+</style>
diff --git a/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/class01-input.svelte b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/class01-input.svelte
new file mode 100644
index 000000000..79e8edf27
--- /dev/null
+++ b/packages/eslint-plugin-svelte/tests/fixtures/rules/consistent-selector-style/valid/class-type-id/class01-input.svelte
@@ -0,0 +1,35 @@
+<a class="link">Click me!</a>
+
+<b class="bold">Text 1</b>
+
+<b data-key="val">Text 2</b>
+
+<style>
+  .link {
+  	color: red;
+  }
+
+  .bold {
+  	color: red;
+  }
+
+  .link:active {
+  	color: red;
+  }
+
+  .link + .bold {
+  	color: red;
+  }
+
+  a.link {
+  	color: red;
+  }
+
+  .bold[data-key="val"] {
+  	color: red;
+  }
+
+  .bold::before {
+  	color: red;
+  }
+</style>