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

35 votes317 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
0 vote364 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
0 vote314 views1 answer
Pass argument to group_by
CSS
0 vote286 views1 answer
Css flex add second row
CSS
0 vote313 views1 answer
Insert a new key value in an object of an array
CSS
2 votes298 views3 answers
Remove border css
CSS
0 vote302 views1 answer
Installer scss projet wordpress
CSS
0 vote369 views1 answer
Css get the image to the center and to make it relative to the width of the parent.
CSS
0 vote288 views1 answer
CSS style all div elements
CSS
2 votes291 views1 answer
How to create space inbetween text css
CSS