Added Section 3: 29-30 - Styling Hyperlinks

Author: JaviEstacio

ongoing/03-CSS-Fundamentals/style.css

@@ -84,3 +84,40 @@ aside {
   border-top: 5px solid #1098ad;
   border-bottom: 5px solid #1098ad;
 }
+
+li:first-child {
+  font-weight: bold;
+}
+
+li:last-child {
+  font-style: italic;
+}
+
+li:nth-child(odd) {
+  /* color: red; */
+}
+
+/* Keep the order of these 4 anchor styles: LVHA */
+/* Styling links */
+a:link {
+  color: #1098ad;
+  text-decoration: none;
+}
+
+a:visited {
+  /* color: #777; */
+  color: #1098ad;
+}
+
+/* For mouse hovering the anchor */
+a:hover {
+  color: orangered;
+  font-weight: bold;
+  text-decoration: underline orangered;
+}
+
+/* For clicking the anchor */
+a:active {
+  background-color: black;
+  font-style: italic;
+}