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

0 vote198 views2 answers
After and before css
CSS
21 votes1.1K views3 answers
How to create a circle with css
CSS
0 vote175 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS
0 vote166 views1 answer
Background color in hex css
CSS
0 vote197 views1 answer
Reduire espace entre ligne css
CSS
0 vote183 views1 answer
Text width tailwindcss
CSS
0 vote184 views2 answers
Autocomplete background color css
CSS
0 vote183 views1 answer
Load hidden image to HTML
CSS
0 vote182 views1 answer
Apt list only security updates
CSS
5 votes222 views1 answer
1 line darkmode css
CSS