psedo class

Author: SwarajKaran

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

starter/03-CSS-Fundamentals/style.css

@@ -64,6 +64,41 @@ aside {
   border-top: 5px solid #1098ad;
   border-bottom: 5px solid #1098ad;
 }
-body {
-  background-color: orchid;
+/* body {
+   background-color: orchid; 
+} */
+/* .first-li {
+  font-weight: bold;
+} */
+li:first-child {
+  font-weight: bold;
 }
+li:last-child {
+  font-style: italic;
+}
+/* li:nth-child(even) {
+  color: red;
+} */
+/* misconception- doesn't work */
+/* article p:first-child {
+  color: red;
+} */
+/* Styling hyperlinks */
+a:link {
+  color: #1098ad;
+  text-decoration: none;
+}
+a:visited {
+  color: #1098ad;
+}
+a:hover {
+  color: orangered;
+  font-weight: bold;
+  text-decoration: underline orangered;
+}
+a:active {
+  background-color: black;
+  font-style: italic;
+}
+
+/* LVHA */