easy way raise specificity css

1The following list of selector types increases by specificity, in ascending order:
2
31. Type selectors (e.g., h1) and pseudo-elements (e.g., ::before).
42. Class selectors (e.g., .example), attributes selectors (e.g., [type="radio"]) and pseudo-classes (e.g., :hover).
53. ID selectors (e.g., #example).
6
7Universal selector (*), combinators (+, >, ~, ' ', ||) 
8and negation pseudo-class (:not()) have no effect on specificity. 
9(The selectors declared inside :not() do, however.)
10
11Try to avoid using !important and instead consider:
121. Make better use of the CSS cascade
13
142. Use more specific rules. 
15By indicating one or more elements before the element you are selecting, 
16the rule becomes more specific and gets higher priority: