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

23 votes142 views4 answers
Gradient border css
CSS
0 vote136 views1 answer
How to align divs in a row
CSS
18 votes136 views3 answers
Css center alignment
CSS
0 vote124 views1 answer
Google script css link
CSS
0 vote159 views1 answer
Prevenrt div with height 100% from growing up
CSS
45 votes167 views3 answers
Collapse all code vscode
CSS
0 vote131 views1 answer
How to add carasoule in html using css
CSS
0 vote127 views1 answer
Css dropdown menu with scrollbar
CSS
3 votes126 views2 answers
Remove highlight input css
CSS
49 votes133 views5 answers
How to remove bullets from ul
CSS