Edit index and style

aidanvilladolid · aidanvilladolid · commit f989ad0b64f8 · 2024-02-22T15:01:35.000+11:00
diff --git a/foundations/02-class-id-selectors/index.html b/foundations/02-class-id-selectors/index.html
@@ -8,10 +8,10 @@
     <link rel="stylesheet" href="style.css">
   </head>
   <body>
-    <p>Number 1 - I'm a class!</p>
-    <div>Number 2 - I'm one ID.</div>
-    <p>Number 3 - I'm a class, but cooler!</p>
-    <div>Number 4 - I'm another ID.</div>
-    <p>Number 5 - I'm a class!</p>
+    <p class="odd one">Number 1 - I'm a class!</p>
+    <div id="number-2">Number 2 - I'm one ID.</div>
+    <p class="odd three">Number 3 - I'm a class, but cooler!</p>
+    <div id="number-4">Number 4 - I'm another ID.</div>
+    <p class="odd five">Number 5 - I'm a class!</p>
   </body>
 </html>
diff --git a/foundations/02-class-id-selectors/style.css b/foundations/02-class-id-selectors/style.css
@@ -0,0 +1,23 @@
+/* styles.css */
+
+.odd {
+    background-color: lightpink;
+    font-family: "Verdana", "DejaVu Sans", serif;
+}
+.one,
+.five{
+
+}
+.three {
+    font-size: 24px;
+}
+
+#number-2 {
+    color: blue;
+    font-size: 36px;
+}
+#number-4 {
+    font-weight: bold;
+    background-color: lightgreen;
+    font-size: 24px;
+}
