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

1 vote236 views1 answer
What is the username password for ftp lampp
CSS
72 votes238 views6 answers
Css absolute center horizontal
CSS
0 vote260 views1 answer
Matrix multiplication markdown
CSS
5 votes244 views2 answers
Css make input unselectable
CSS
0 vote250 views1 answer
How to get on the top of the page
CSS
0 vote249 views1 answer
When grepper whas created
CSS
33 votes231 views5 answers
Css strikethrough html text
CSS
0 vote292 views2 answers
Nav items moving when hover
CSS
0 vote246 views1 answer
Bootstrap 5 sidebar class
CSS
1 vote244 views2 answers
Put a border only on bottom
CSS