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

1 vote238 views2 answers
Selector CSS Example
CSS
0 vote175 views1 answer
Paste in form field cordova app
CSS
10 votes191 views3 answers
Hiding text css and leaving whitespace
CSS
0 vote305 views1 answer
Video camera icon font awesome
CSS
0 vote202 views1 answer
Css transform duration
CSS
0 vote174 views1 answer
Bootstrap popover style width
CSS
12 votes183 views3 answers
Vertical and horizontal align center div
CSS
0 vote186 views1 answer
Move element on new line css
CSS
1 vote177 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
0 vote157 views1 answer
Understanding '>' sign in css selector
CSS