Applied several different styles to the copyright paragraph inside footer, in order to resolve conflicts and see priority rules of css.

Author: mirmak4

starter/03-CSS-Fundamentals/index.html

@@ -154,8 +154,10 @@ <h4>Related posts</h4>
         </aside>
 
         <footer>
-            <!--  using ids is not a good practice  -->
-            <p id="copyright">Copyright &copy; 2027 by The Code Magazine.</p>
+            <!--  using ids and inline styles is not a good practice  -->
+            <p id="copyright" class="copyright text" style="color: #444">
+                Copyright &copy; 2027 by The Code Magazine.
+            </p>
         </footer>
     </body>
 </html>

starter/03-CSS-Fundamentals/style.css

@@ -146,3 +146,21 @@ a:active {
     background-color: black;
     font-style: italic;
 }
+
+/*  Resolving conflicts  */
+#copyright {
+    color: yellow;
+}
+
+.copyright {
+    color: red;
+}
+
+.text {
+    color: green;
+}
+
+footer p {
+    /* color: blue !important;  <<  NOT A GOOD PRACTICE   */
+    color: blue;
+}