Combining Selector

Author: thetaaaj

starter/CSS-Fundamentals/index.html

@@ -119,7 +119,11 @@ <h4>Related posts</h4>
     </ul>
   </aside>
 
-  <footer>Copyright &copy; 2027 by The Code Magazine.</footer>
+  <footer>
+    <p>
+      Copyright &copy; 2027 by The Code Magazine.
+  </footer>
+  </p>
 </body>
 
 </html>

starter/CSS-Fundamentals/style.css

@@ -1,35 +1,50 @@
+h1,
+h2,
+h3,
+h4,
+p,
+li {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+}
+
 h1 {
-  /* color: blue; */
   font-size: 24px;
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   text-transform: uppercase;
-  font-style: italic;
 }
 
 h2 {
   font-size: 40px;
-  font-family: sans-serif;
 }
 
 h3 {
   font-size: 30px;
-  font-family: sans-serif;
 }
 
 h3 {
   font-size: 20px;
-  font-family: sans-serif;
   text-transform: uppercase;
   text-align: center;
 }
 
 p {
   font-size: 22px;
-  font-family: sans-serif;
   line-height: 1.5;
 }
 
 li {
   font-size: 20px;
-  font-family: sans-serif;
+}
+
+/*
+Decendent Selector
+*/
+footer p {
+  font-size: 16px;
+}
+
+/*
+Decendent Selector
+*/
+article header p {
+  font-style: italic;
 }