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 vote263 views2 answers
Webkit box shadow not working
CSS
1 vote268 views1 answer
Sass compressed style
CSS
0 vote272 views1 answer
Webpack how to disable warning when run build
CSS
3 votes273 views2 answers
Scss watch command
CSS
31 votes267 views6 answers
Linear gradient
CSS
0 vote263 views1 answer
CSS adding background image from file
CSS
2 votes237 views1 answer
Alignitems
CSS
1 vote221 views2 answers
Pure css spinner
CSS
4 votes297 views2 answers
Css hex to rgb
CSS
4 votes248 views2 answers
How to get all values from object in javascript
CSS