feat: css theory#1 conflicts between selectors

Author: Uribouz

starter/03-CSS-Fundamentals/index.html

@@ -147,7 +147,9 @@ <h4>Related posts</h4>
     </aside>
 
     <footer>
-      <p id="copyright">Copyright &copy; 2027 by The Code Magazine.</p>
+      <p id="copyright" class="copyright text">
+        Copyright &copy; 2027 by The Code Magazine.
+      </p>
     </footer>
   </body>
 </html>

starter/03-CSS-Fundamentals/style.css

@@ -129,3 +129,19 @@ a:active {
   background-color: black;
   font-style: italic;
 }
+
+#copyright {
+  color: red;
+}
+
+.copyright {
+  color: blue;
+}
+
+.text {
+  color: yellow;
+}
+
+footer p {
+  color: green;
+}