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 vote274 views1 answer
Css nested scrollbars
CSS
15 votes296 views2 answers
Span cursor pointer
CSS
67 votes285 views6 answers
How to center a div in css
CSS
0 vote278 views1 answer
Animated progress bar css
CSS
1 vote254 views1 answer
Hex code for khaki
CSS
0 vote279 views1 answer
Elemento SPAN
CSS
1 vote278 views1 answer
-ms css
CSS
0 vote262 views1 answer
Putting picture shaddow in css
CSS
0 vote263 views1 answer
Html print page break
CSS
36 votes305 views4 answers
Adding gradient to text color
CSS