Added :first-child, :last-child and :nth-child pseudo classes to the css styles. For styling last paragraph of the article and also first and last list items.

Author: mirmak4

starter/03-CSS-Fundamentals/index.html

@@ -79,7 +79,7 @@ <h3>What is HTML?</h3>
             <p>In HTML, each element is made up of 3 parts:</p>
 
             <ol>
-                <li>The opening tag</li>
+                <li class="first-li">The opening tag</li>
                 <li>The closing tag</li>
                 <li>The actual element</li>
             </ol>
@@ -101,7 +101,9 @@ <h3>Why should you learn HTML?</h3>
             </p>
 
             <ul>
-                <li>To be able to use the fundamental web dev language</li>
+                <li class="first-li">
+                    To be able to use the fundamental web dev language
+                </li>
                 <li>
                     To hand-craft beautiful websites instead of relying on tools
                     like Worpress or Wix

starter/03-CSS-Fundamentals/style.css

@@ -95,3 +95,33 @@ aside {
 a {
     color: azure;
 } */
+
+/* .first-li {
+    font-weight: bold;
+} */
+
+li:first-child {
+    font-weight: bold;
+}
+
+li:last-child {
+    font-style: italic;
+}
+
+li:nth-child(even) {
+    /* color: red; */
+}
+
+/* 
+this will not work because paragraph is not the first child of our article
+
+article p:first-child {
+    color: red;
+} 
+*/
+
+/* but this is gonna work, because paragraph is the last child of our article */
+
+article p:last-child {
+    color: red;
+}