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 vote144 views1 answer
IE support stackover flow css
CSS
48 votes140 views3 answers
Custom scrollbar
CSS
0 vote137 views2 answers
Scrollbar not working
CSS
0 vote147 views2 answers
How to define max number of character for a paragraph css
CSS
0 vote138 views1 answer
Move div down css
CSS
5 votes124 views2 answers
Onclick reload an iframe
CSS
0 vote147 views10 answers
How to create a snake game in html css js
CSS
8 votes133 views3 answers
Text break css
CSS
0 vote145 views1 answer
How to truncate a multiline text using css
CSS
4 votes132 views1 answer
How to make image not repeat on background
CSS