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 votes408 views3 answers
How to disable link in hmtl
CSS
63 votes375 views6 answers
Text shadow
CSS
0 vote349 views1 answer
Css calc margin-top based on height?
CSS
17 votes348 views2 answers
Rgb green
CSS
1 vote337 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
0 vote374 views1 answer
Operating system font-family css
CSS
0 vote335 views1 answer
Css opacity from 0 to 1
CSS
4 votes360 views1 answer
Striped tables css
CSS
3 votes403 views1 answer
Fontawesome trash icon
CSS
1 vote368 views1 answer
Universal selector incss'
CSS