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 vote105 views1 answer
Center child container
CSS
2 votes119 views2 answers
Css display none transition
CSS
0 vote114 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
4 votes103 views3 answers
Css image cover
CSS
25 votes109 views3 answers
How to add spaces between text in html
CSS
1 vote110 views1 answer
How to prevent text overflow
CSS
1 vote109 views1 answer
Ionchips scroll x
CSS
0 vote112 views1 answer
Textarea resize only horizontal
CSS
0 vote109 views1 answer
By.cssselector
CSS
0 vote97 views1 answer
Move text outside div
CSS