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

81 votes401 views3 answers
Css all uppercase to capitalize
CSS
1 vote364 views1 answer
Css media queries pc and mobile
CSS
1 vote348 views1 answer
Css no underline
CSS
1 vote375 views1 answer
Reset all input styles with 1 property css
CSS
0 vote356 views3 answers
Style highlight css
CSS
0 vote374 views1 answer
Alinhar componentes css
CSS
3 votes401 views1 answer
Bootstrap 3 offset
CSS Bootstrap
3 votes382 views2 answers
Css disable button click
CSS
15 votes399 views3 answers
Loops scss
CSS
2 votes353 views1 answer
Responsive background image
CSS