Easy way raise specificity css

The following list of selector types increases by specificity, in ascending order:

1. Type selectors (e.g., h1) and pseudo-elements (e.g., ::before).
2. Class selectors (e.g., .example), attributes selectors (e.g., [type="radio"]) and pseudo-classes (e.g., :hover).
3. ID selectors (e.g., #example).

Universal selector (*), combinators (+, >, ~, ' ', ||) 
and negation pseudo-class (:not()) have no effect on specificity. 
(The selectors declared inside :not() do, however.)

Try to avoid using !important and instead consider:
1. Make better use of the CSS cascade

2. Use more specific rules. 
By indicating one or more elements before the element you are selecting, 
the rule becomes more specific and gets higher priority:

Source: developer.mozilla.org

Similar codes

4 votes187 views1 answer
Html make footer stick to bottom
CSS
3 votes158 views1 answer
Css sass install
CSS
2 votes192 views1 answer
Change font size in textarea html
CSS
1 vote167 views1 answer
Html video css
CSS
1 vote192 views2 answers
Css module multiple classes
CSS
6 votes182 views2 answers
Css last child with class
CSS
0 vote180 views1 answer
Line-break
CSS
5 votes163 views1 answer
Disregard incoming git pull and return to last commit
CSS
0 vote186 views1 answer
Install webpack encore
CSS
36 votes146 views6 answers
Css color
CSS