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

2 votes294 views1 answer
Css unselectable
CSS
26 votes356 views10 answers
Bootstrap
CSS
10 votes391 views2 answers
Make image darker in css
CSS
0 vote362 views1 answer
Circular div css
CSS
0 vote346 views1 answer
Enqueing another css file in shild
CSS
0 vote335 views1 answer
Css margin top responsive
CSS
0 vote353 views1 answer
Tail block css
CSS
0 vote336 views1 answer
Jquery if css property is
CSS
127 votes481 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote453 views1 answer
Css center table on page
CSS