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

2 votes203 views1 answer
How to add space between menu items in css
CSS
39 votes203 views4 answers
Font awesome size
CSS
0 vote222 views1 answer
Media screen use another css file
CSS
-1 vote201 views1 answer
Css background linear gradient transparent
CSS
42 votes215 views6 answers
Text overflow css
CSS
22 votes227 views5 answers
Grid center
CSS
0 vote222 views7 answers
Xle
CSS
1 vote203 views1 answer
Why top -10 css?
CSS
25 votes191 views4 answers
Remove outline
CSS
0 vote272 views1 answer
Removing input border shadow
CSS