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

0 vote190 views1 answer
Css make a cell twice as big flexbox
CSS
0 vote181 views2 answers
How to zoom picture on hover using css
CSS
3 votes184 views1 answer
How to change the page background in css
CSS
0 vote181 views1 answer
Content visability auto
CSS
45 votes189 views6 answers
Css text align center
CSS
0 vote160 views1 answer
Background color in hex css
CSS
19 votes184 views3 answers
Change input placeholder text css
CSS
5 votes173 views4 answers
What is inset in css
CSS
0 vote191 views1 answer
Had to add a tint to a picture on css
CSS
0 vote186 views1 answer
Qgraphicsscene get viewport width
CSS