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

1 vote323 views1 answer
Sticky mat-toolbar
CSS
10 votes231 views2 answers
Css list items next to each other
CSS
12 votes214 views4 answers
Need short long paragraph css
CSS
0 vote240 views1 answer
Link css in django template
CSS
0 vote220 views1 answer
Border box reset
CSS
0 vote235 views1 answer
Value error w2 should be positive but is
CSS
0 vote244 views1 answer
When grepper whas created
CSS
0 vote254 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
0 vote244 views1 answer
Css selector data-entity-type
CSS
1 vote266 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap