Styling Hyperlinks

Author: avatarsin

starter/03-CSS-Fundamentals/index.html

@@ -25,7 +25,6 @@ <h1>📘 The Code Magazine</h1>
         <a href="#">Flexbox</a>
         <a href="#">CSS Grid</a>
       </nav>
-      <p>Test Paragraph</p>
     </header>
 
     <article>
@@ -88,8 +87,8 @@ <h3>What is HTML?</h3>
         <a
           href="https://developer.mozilla.org/en-US/docs/Web/HTML"
           target="_blank"
-          >MDN Web Docs</a
-        >.
+          >MDN Web Docs.</a
+        >
       </p>
 
       <h3>Why should you learn HTML?</h3>

starter/03-CSS-Fundamentals/style.css

@@ -91,9 +91,29 @@ li:last-child {
 }
 
 li:nth-child(even) {
+  /* color: red; */
+}
+/* Misconeption it doesn't work */
+article p:first-child {
   color: red;
 }
 
-article p:last-child {
-  color: red;
+a:link {
+  color: #1098ad;
+  text-decoration: none;
+}
+
+a:visited {
+  color: #1098ad;
+  text-transform: uppercase;
+}
+
+a:hover {
+  font-weight: bold;
+  text-decoration: underline wavy magenta;
+}
+
+a:active {
+  font-style: italic;
+  background-color: cyan;
 }