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

9 votes291 views4 answers
Css animation shorthand
CSS
0 vote294 views1 answer
How to add css to alt attribute text
CSS
-1 vote282 views4 answers
Center li in ul css
CSS
2 votes275 views2 answers
Aspect ratio css
CSS
11 votes285 views1 answer
Wrap none css
CSS
4 votes287 views1 answer
Bootstrap file select class
CSS
0 vote330 views2 answers
Css hover affect other item
CSS
0 vote310 views1 answer
Nginx proxy_pass pass css asset not loading
CSS
0 vote290 views1 answer
Corsair css
CSS
0 vote284 views1 answer
Twig convert encoding
CSS