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

16 votes254 views4 answers
Arrow down css
CSS
0 vote244 views1 answer
How to link css file nodjes
CSS
0 vote262 views1 answer
Media screen tablet
CSS
0 vote247 views1 answer
Odoo search
CSS
0 vote249 views1 answer
Vertical divider between my flexbox
CSS
-1 vote255 views1 answer
Move up on hover css
CSS
47 votes254 views4 answers
Transform
CSS
-1 vote250 views1 answer
Financial year vs assessment year
CSS
47 votes261 views6 answers
Css nth child
CSS
0 vote270 views1 answer
How to set image size without changing aspect ratio in css
CSS