Why my CSS changes are not getting reflected in the browser?

When working with CSS, you will find that your CSS changes are not getting reflected in the browser even before it's working perfectly.

This may be due to two reasons:

1) CSS rule is not applying

when your CSS file does not work then make your CSS targeting more specific and use !important keyword

2) Your CSS file is a catch

A CSS file is not applied some time due to CSS catch in your browser, for that just disable browser catch