finish course 028 pesudo classes

Author: 张欧文

starter/03-CSS-Fundamentals/index.html

@@ -77,7 +77,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>
@@ -99,7 +99,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
@@ -116,7 +118,7 @@ <h3>Why should you learn HTML?</h3>
       <h4>Related posts</h4>
 
       <ul class="related">
-        <li>
+        <li class="first-li">
           <img
             src="img/related-1.jpg"
             alt="Person programming"

starter/03-CSS-Fundamentals/style.css

@@ -76,3 +76,19 @@ aside {
 /* body {
   background-color: blue;
 } */
+
+/* .first-li {
+  font-weight: bold;
+} */
+
+li:first-child {
+  font-weight: bold;
+}
+
+li:last-child {
+  font-style: italic;
+}
+
+li:nth-child(2) {
+  color: red;
+}