Element Selector Not Working In Stylesheet for Worpress Site

Element Selector Not Working In Stylesheet for Worpress Site

I am trying to style the following code in a Wordpress site but it is not working on:

I am trying to style the following code in a Wordpress site but it is not working on:

.site-info {
text-align: center;
color: black;
 }

.site-info p{ color: red; } <footer class="site-footer"> <div class="wrapper"> <div class="site-info"> <p>&copy; <?php echo absint( date_i18n( 'Y' ) ) . ' ' . esc_attr( get_bloginfo( 'name' ) ); ?></p> </div><!-- .site-info --> </div><!-- .wrapper --> </footer><!-- .site-footer -->


For some reason, the color is not changing as I would have intended it to.

Am I using the selectors incorrectly, or does this have to do with the code between the <p></p>?

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Wordpress child theme css does not override parent css

I am using mies-child theme but the problem is that I cannot see the css changes affect my website.

7 Best Vue CSS Component for Your App

Vue CSS frameworks are great for many reasons; code is more universally understood, web applications are easier to maintain, and prototyping becomes less of an extra step.

Building Custom WordPress Sites from Scratch - WordPress Theme Development

Learn to create a completely responsive website from scratch using WordPress, HTML, CSS, JavaScpript, and PHP. Also, learn to create a custom WordPress theme.