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 vote222 views1 answer
How to change border height in css
CSS
2 votes237 views2 answers
Display none transition
CSS
0 vote235 views1 answer
Css style nth child beyond certain number
CSS
0 vote229 views1 answer
Css background text clip
CSS
0 vote226 views1 answer
Center a spinner css
CSS
0 vote231 views1 answer
Bootstrap create full screen background image
CSS
0 vote229 views2 answers
Curved lines css
CSS
0 vote269 views1 answer
Regex remove css comment
CSS
0 vote236 views1 answer
Browser renders before styles are applied
CSS
16 votes218 views4 answers
Change background CSS
CSS