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 vote326 views2 answers
Html select image background arrow
CSS
2 votes192 views2 answers
Test shadow css
CSS
0 vote233 views1 answer
Css columns
CSS
5 votes221 views6 answers
Tailwind CDN
CSS
11 votes193 views1 answer
Html no cursor when link
CSS
35 votes170 views2 answers
Css code for margin
CSS
0 vote171 views2 answers
How to Reveal Content on Hover with Expanding Corner Tabs in Divi
CSS
1 vote194 views1 answer
Circle background image css
CSS
0 vote188 views2 answers
Command line download file from google drive
CSS
0 vote122 views0 answer
CSS