The Crazy Coder
Published in

The Crazy Coder

Deep Dive Into CSS Specificity

Exploring approach to override imported styles

Photo by Jason Richard on Unsplash


As our project grows and becomes more and more complex, and so will our stylesheets. We certainly can simply keep all the things inside the global styles.scss and use it on a component basis. This is not a great solution as this file is easily and quickly goes to a mess when the styles grows.




A must-have medium blog to develop programming skills.

Recommended from Medium

JavaScript Basics — Variables

Create a VS Code left panel Web-view extension using React

How to use Axios Mock Adapter to test network requests in React

Getting Started with React and TypeScript

Rethinking React State

Secret Republic — Update — Hacker themed browser based PHP game — ORPG — 2021 plans

React CRUD app with and without Redux — Convert a React App to a React+Redux App

What, why, when of redux

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


A software engineer who is always at a high level of passion with new techs and a strong willing to share with what I have learned.

More from Medium

CBEM with Selectors — Enhanced BEM CSS Methodology


CSS (Cascading Style Sheets)

What Is The Em Unit In CSS?