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 vote122 views1 answer
Ul li seprator
CSS
6 votes168 views2 answers
How do you make each word in a text start with a capital letter?
CSS
0 vote175 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
3 votes78 views1 answer
Make item apper at the center of div
CSS
4 votes114 views1 answer
How to get an angled section end css
CSS
-1 vote132 views1 answer
Css link underline
CSS
-1 vote124 views1 answer
Css backdrop filter grayscale
CSS
0 vote125 views1 answer
Width not responding to css in table
CSS
0 vote120 views1 answer
Center child container
CSS
9 votes139 views3 answers
Fix textarea size
CSS