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

-1 vote185 views1 answer
Css background image not showing vscode
CSS
0 vote180 views1 answer
Submit button css class
CSS
0 vote194 views1 answer
How to make code continue after a transition css
CSS
2 votes198 views1 answer
How to remove bullets from li
CSS
0 vote194 views1 answer
CSS - The Class Selectors
CSS
5 votes175 views3 answers
Css set div heigtto screen
CSS
2 votes190 views1 answer
Css no bottom ouline
CSS
1 vote198 views2 answers
Inline border css reactjs
CSS
222 votes280 views6 answers
Bootstrap CSS CDN
CSS
49 votes196 views6 answers
Min and max width media query
CSS