Priority Of Css Selectors from Low to High For Css Styling

Gyanswarup Mohanty
Feb 01, 2022

1. Universal Selector (*)
2. Element Selectors (For ex:- p, div etc.)
3. Class Selectors (For ex:- .box, .container)
4. Id Selectors (For ex:- #box, #container)
5. Inline Styles
6. Declaration mark with ‘!important’ keyword (For ex: color: red!important);

Try in CodePen

back