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

40 votes336 views6 answers
How to write css
CSS
0 vote304 views1 answer
Color transition time css
CSS
0 vote291 views1 answer
Hiding button border when clicked
CSS
0 vote305 views1 answer
Curve bottom of square css
CSS
0 vote263 views1 answer
Google script css link
CSS
2 votes321 views2 answers
Vertical align span tailwindscss
CSS
3 votes300 views2 answers
Hr tag customize using css
CSS
55 votes401 views5 answers
Bootstrap 3 button
CSS Bootstrap
1 vote326 views2 answers
Onclick url
CSS
-1 vote283 views1 answer
Materialize table padding css
CSS