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 vote281 views1 answer
AITpro maintenance mode CSS
CSS
2 votes255 views1 answer
Css center in td
CSS
1 vote220 views1 answer
Cdd first child
CSS
1 vote188 views1 answer
Css table grid
CSS
0 vote196 views1 answer
What does it mean when we write width :100%?
CSS
0 vote207 views1 answer
Css how to center a link
CSS
1 vote217 views1 answer
-o css
CSS
0 vote194 views1 answer
Modern css fonts
CSS
0 vote197 views1 answer
Switch css with text
CSS
2 votes215 views1 answer
White space in css
CSS