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

6 votes281 views2 answers
Difference between justify content and justify in grid
CSS
-1 vote420 views2 answers
Insert image by css
CSS
3 votes282 views1 answer
Rotate icon on click css
CSS
1 vote317 views1 answer
Change scroll style angular
CSS
2 votes362 views2 answers
Remove input styling
CSS
2 votes377 views2 answers
Bootstrap change color table striped
CSS
12 votes329 views3 answers
Css change color
CSS
0 vote309 views1 answer
Css opacity from 0 to 1
CSS
0 vote373 views1 answer
Android studio cardview background transparent
CSS
0 vote329 views2 answers
Add transition to zoom button on hover
CSS