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 vote324 views1 answer
How to hide the bullet list css
CSS
0 vote315 views1 answer
Api not working in github pages
CSS
9 votes348 views1 answer
Textview android text align center
CSS
0 vote315 views1 answer
Darken scss
CSS
2 votes271 views1 answer
Css unselectable
CSS
12 votes335 views3 answers
Vertical and horizontal align center div
CSS
0 vote332 views1 answer
Css width responsive
CSS
1 vote317 views1 answer
Wave css
CSS
1 vote320 views1 answer
Css testo che scorre
CSS
6 votes358 views3 answers
Css for safari only
CSS