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 vote380 views1 answer
Css horizontal line around text
CSS
0 vote341 views1 answer
Remove double quotes from string kotlin
CSS
0 vote314 views1 answer
Shopify display flex not working
CSS
0 vote379 views1 answer
Move scrollbar on element to right side
CSS
0 vote326 views1 answer
Ubuntu toggle always on top
CSS
5 votes308 views1 answer
Css assign multiple classes to one element
CSS
2 votes319 views1 answer
Css disable dropdown on input
CSS
0 vote310 views1 answer
How to saturate colors in css
CSS
2 votes330 views2 answers
How to remove the blueish background on a button when clicked
CSS
0 vote314 views1 answer
Css transition cross browser
CSS