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 vote296 views1 answer
Schatten css
CSS
12 votes302 views6 answers
Responsive text
CSS
12 votes349 views3 answers
Docker restart container
CSS
0 vote355 views1 answer
How to center an item without flex
CSS
127 votes317 views4 answers
React import bootstrap css
CSS
2 votes290 views1 answer
Margin for text in html
CSS
2 votes309 views1 answer
Make text unhighlightable
CSS
0 vote300 views1 answer
Display content in column css
CSS
0 vote308 views1 answer
Align divs vertically start new column after every row
CSS
0 vote321 views2 answers
Css style select arrow color
CSS