module 3.3.2

Compukid · Compukid · commit 6023d585e14d · 2024-04-30T22:57:46.000-04:00
diff --git a/module_3.3.2/index.html b/module_3.3.2/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html> 
+<!--It's a best practice to always declare DOCTYPE!-->
+    <html lang="en">
+        <head>
+            <meta charset="utf-8">
+            <link rel="stylesheet" href="style.css">
+        </head>
+<body>
+  <p>Pseudo-classes are a way to select HTML elements based on their state as opposed to their HTML structure. You can read more about pseudo-classes here.
+
+Pseudo-classes must always be applied to an existing selector. Their "flag character" is the colon (":"), as you can see used in the below examples. Here are some of the most popular pseudo-classes.
+  </p>
+  <a href="https://www.microsoft.com">www.microsoft.com</a>
+    <br />
+  <a href="http://www.w3.org">www.w3.org</a>
+  <ul>
+    <li>item 1</li>
+    <li>item 2</li>
+    <li>item 3</li>
+    <li>item 4</li>
+  </ul>
+    <input />
+</body>  
+</html>
diff --git a/module_3.3.2/style.css b/module_3.3.2/style.css
@@ -0,0 +1,15 @@
+li:hover {
+    background-color: yellow;
+  }
+  a:link {
+    color: green;
+  }
+  a:visited {
+    color: gray;
+  }
+  input:focus {
+    background-color: blue;
+  }
+  p:active {
+    color: red;
+  }
