Solve the second exercise 02-class-id-selectors

Gaukhar008 · Gaukhar008 · commit f54eb97aecbf · 2021-10-09T18:24:54.000+06: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="firstClass">Number 1 - I'm a class!</p>
+  <div id="firstID">Number 2 - I'm one ID.</div>
+  <p class="firstClass special">Number 3 - I'm a class, but cooler!</p>
+  <div id="secondID">Number 4 - I'm another ID.</div>
+  <p class="firstClass">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,19 @@
+.firstClass {
+    background-color: rgb(240,100,100,0.4);
+    font-family: "Verdana", sans-serif;
+}
+.firstClass.special {
+    font-size: 24px;
+}
+#firstID {
+    color: blue;
+    font-size: 36px;
+}
+.secondClass {
+    font-size: 24px;
+}
+#secondID {
+    background-color: lightgreen;
+    font-size: 24px;
+    font-weight: bold   ;
+}
