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 vote191 views1 answer
Changer couleur liens cliqués css
CSS
0 vote193 views1 answer
Elemento SPAN
CSS
1 vote196 views1 answer
Felx-wrap css
CSS
-1 vote198 views1 answer
Link design like a Button"
CSS
0 vote188 views1 answer
Learn css
CSS
0 vote217 views1 answer
How to style submit button css
CSS
15 votes211 views3 answers
Image rotate with css
CSS
7 votes224 views6 answers
Jquery remove css class
CSS
1 vote191 views2 answers
Css animation linear
CSS
9 votes183 views2 answers
Textview center text
CSS