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

2 votes209 views1 answer
Css div take remaining screen height
CSS
2 votes200 views2 answers
Xcel turn off scrool lock
CSS
0 vote217 views1 answer
Medim size mat form field
CSS
0 vote238 views1 answer
Mitmf install
CSS
12 votes200 views1 answer
How to make borders rounded in css
CSS
3 votes234 views1 answer
Download css from website
CSS
4 votes227 views2 answers
How to set text in center in flex item
CSS
20 votes207 views4 answers
Css list no bullets
CSS
0 vote238 views1 answer
Freeze input text css
CSS
4 votes215 views1 answer
Clealyrun
CSS