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

5 votes105 views1 answer
Cursor as image css
CSS
0 vote121 views1 answer
Css saturate
CSS
17 votes132 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
CSS
168 votes146 views4 answers
Css link tag
CSS
0 vote98 views2 answers
Fixed footer in Bootstrap
CSS
0 vote112 views2 answers
Animate.css not working
CSS
0 vote94 views1 answer
Html align svg to text
CSS
3 votes92 views1 answer
Css sass install
CSS
0 vote133 views1 answer
Nuxt page transition
CSS
1 vote114 views3 answers
Console error
CSS