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 vote134 views1 answer
Devextreme css
CSS
15 votes136 views3 answers
Css change text
CSS
52 votes152 views6 answers
How to change background color in css
CSS
0 vote141 views1 answer
How to make scroller show only on hover of container
CSS
185 votes318 views6 answers
Background image css
CSS
1 vote154 views1 answer
Remove border between td
CSS
1 vote145 views1 answer
Input start typing in the center
CSS
0 vote138 views1 answer
How to set border length in css without div
CSS
-1 vote183 views2 answers
How to scroll fixed position
CSS
5 votes154 views1 answer
Css assign multiple classes to one element
CSS