fixes

Author: rachelandrew

learn/selectors/attribute-case.html

@@ -10,11 +10,11 @@
     </style>
 
     <style class="editable">
-    li[class^=a] {
+    li[class^="a"] {
         background-color: yellow;
     }
 
-    li[class^=a i] {
+    li[class^="a" i] {
         color: red;
     }
 
@@ -33,11 +33,11 @@ <h1>Case-insensitivity</h1>
     </section>
 
     <textarea class="playable playable-css" style="height: 200px;">
-li[class^=a] {
+li[class^="a"] {
     background-color: yellow;
 }
 
-li[class^=a i] {
+li[class^="a" i] {
     color: red;
 }
     </textarea>

learn/selectors/attribute-substring.html

@@ -10,15 +10,15 @@
     </style>
 
     <style class="editable">
-    li[class^=a] {
+    li[class^="a"] {
         font-size: 200%;
     }
 
-    li[class$=a] {
+    li[class$="a"] {
         background-color: yellow;
     }
 
-    li[class*=a] {
+    li[class*="a"] {
         color: red;
     }
 
@@ -38,15 +38,15 @@ <h1>Attribute substring matching selectors</h1>
     </section>
 
     <textarea class="playable playable-css" style="height: 200px;">
-li[class^=a] {
+li[class^="a"] {
     font-size: 200%;
 }
 
-li[class$=a] {
+li[class$="a"] {
     background-color: yellow;
 }
 
-li[class*=a] {
+li[class*="a"] {
     color: red;
 }
     </textarea>

learn/selectors/attribute.html

@@ -14,11 +14,11 @@
         font-size: 200%;
     }
 
-    li[class=a] {
+    li[class="a"] {
         background-color: yellow;
     }
 
-    li[class~=a] {
+    li[class~="a"] {
         color: red;
     }
 
@@ -42,11 +42,11 @@ <h1>Attribute presence and value selectors</h1>
     font-size: 200%;
 }
 
-li[class=a] {
+li[class="a"] {
     background-color: yellow;
 }
 
-li[class~=a] {
+li[class~="a"] {
     color: red;
 }
     </textarea>