diff --git a/packages/stylelint-config/test/selectors-invalid.css b/packages/stylelint-config/test/selectors-invalid.css
index 0a432cd811cca..bf0716916420f 100644
--- a/packages/stylelint-config/test/selectors-invalid.css
+++ b/packages/stylelint-config/test/selectors-invalid.css
@@ -1,20 +1,31 @@
-.foo > .bar {
-  margin: 0;
+#commentForm { /* Avoid camelcase. */
+	margin: 0;
 }
 
-a a {
-  margin: 0;
+#comment_form { /* Avoid underscores. */
+	margin: 0;
 }
 
-div > a {
-  margin: 0;
+div#comment_form { /* Avoid over-qualification. */
+	margin: 0;
 }
 
-p .class {
-  margin: 0;
+#c1-xr { /* What is a c1-xr?! Use a better name. */
+	margin: 0;
 }
 
-span .class:after {
-  margin: 0;
+input[type='text'] { /* Should be [type="text"] */
+	line-height: 110% /* Also doubly incorrect */
+}
+
+#Selector {
+	color: #000;
+}
+
+.selectorA {
+	color: #000;
+}
+
+.selector:after {
+	color: #000;
 }
-/*# sourceMappingURL=selectors-invalid.css.map */
\ No newline at end of file
diff --git a/packages/stylelint-config/test/selectors-valid.css b/packages/stylelint-config/test/selectors-valid.css
index a9a1af6f8b995..19a87ff51f35d 100644
--- a/packages/stylelint-config/test/selectors-valid.css
+++ b/packages/stylelint-config/test/selectors-valid.css
@@ -1,23 +1,19 @@
-.foo > .bar {
-  margin: 0;
+#comment-form {
+	margin: 1em 0;
 }
 
-a.foo {
-  margin: 0;
+input[type="text"] {
+	line-height: 1.1;
 }
 
-.foo > div {
-  margin: 0;
+.selector::after {
+	color: #000;
 }
 
-p,
-p .foo,
-p .baz {
-  margin: 0;
+.selector-class {
+	color: #000;
 }
 
-span,
-span .foo::after {
-  color: #000;
+#selector-id {
+	color: #000;
 }
-/*# sourceMappingURL=selectors-valid.css.map */
\ No newline at end of file