Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

Author: estelle

learn/cascade/specificity-boxes.html

@@ -15,32 +15,32 @@
   background-color: red;
 }
 
-/* specificity: 2-0-1 */
+/* 2. specificity: 2-0-1 */
 #outer #inner a {
   background-color: blue;
 }
 
-/* specificity: 1-0-4 */
+/* 3. specificity: 1-0-4 */
 #outer div ul li a {
   color: yellow;
 }
 
-/* specificity: 1-1-3 */
+/* 4. specificity: 1-1-3 */
 #outer div ul .nav a {
   color: white;
 }
 
-/* specificity: 0-2-4 */
+/* 5. specificity: 0-2-4 */
 div div li:nth-child(2) a:hover {
   border: 10px solid black;
 }
 
-/* specificity: 0-2-3 */
+/* 6. specificity: 0-2-3 */
 div li:nth-child(2) a:hover {
   border: 10px dashed black;
 }
 
-/* specificity: 0-3-3 */
+/* 7. specificity: 0-3-3 */
 div div .nav:nth-child(2) a:hover {
   border: 10px double black;
 }
@@ -81,37 +81,37 @@
 
     <textarea class="playable playable-css" style="height: 280px;">
 
-/* specificity: 1-0-1 */
+/* 1. specificity: 1-0-1 */
 #outer a {
     background-color: red;
 }
 
-/* specificity: 2-0-1 */
+/* 2. specificity: 2-0-1 */
 #outer #inner a {
     background-color: blue;
 }
 
-/* specificity: 1-0-4 */
+/* 3. specificity: 1-0-4 */
 #outer div ul li a {
     color: yellow;
 }
 
-/* specificity: 1-1-3 */
+/* 4. specificity: 1-1-3 */
 #outer div ul .nav a {
     color: white;
 }
 
-/* specificity: 0-2-4 */
+/* 5. specificity: 0-2-4 */
 div div li:nth-child(2) a:hover {
     border: 10px solid black;
 }
 
-/* specificity: 0-2-3 */
+/* 6. specificity: 0-2-3 */
 div li:nth-child(2) a:hover {
     border: 10px dashed black;
 }
 
-/* specificity: 0-3-3 */
+/* 7. specificity: 0-3-3 */
 div div .nav:nth-child(2) a:hover {
     border: 10px double black;
 }