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 vote111 views1 answer
Bash list all npm processes
CSS
0 vote125 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS
1 vote99 views1 answer
Lato font family css
CSS
0 vote102 views1 answer
Tabla responsive css
CSS
0 vote113 views1 answer
Card tailwind css
CSS
0 vote97 views1 answer
Html input type colour internal border
CSS
1 vote101 views1 answer
Css selector not contains attribute
CSS
0 vote100 views1 answer
Touch-action in css
CSS
2 votes104 views1 answer
Css rounded corners at top only
CSS
-1 vote102 views1 answer
Css grid media queries
CSS