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 vote144 views1 answer
Changing bakcgound color like animation using tailwind
CSS
0 vote154 views3 answers
Style highlight css
CSS
-1 vote157 views1 answer
Css display contents
CSS
0 vote160 views1 answer
Scss import class from another file
CSS
-1 vote157 views1 answer
How to hover div in css
CSS
0 vote154 views1 answer
Vervaging en verloop css
CSS
0 vote142 views1 answer
Sticky header not working chrome
CSS
0 vote158 views1 answer
Alternate color on two consecutive rows
CSS
1 vote159 views1 answer
Prefix in css
CSS
0 vote156 views1 answer
Mvc dynamic css
CSS