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 vote172 views2 answers
Html5 vs css3
CSS
0 vote161 views1 answer
Cannot apply border radius to tr
CSS
-1 vote156 views2 answers
Input uppercase with css
CSS
0 vote186 views1 answer
What is the opacity of disabled text
CSS
9 votes153 views3 answers
How to add a background color in css
CSS
-1 vote169 views1 answer
Alumina formula
CSS
0 vote156 views1 answer
Grippy css
CSS
0 vote161 views1 answer
CKEDITOR PUSH TEXT IN FRONT OF CURSOR
CSS
0 vote192 views1 answer
Child theme broken header "styles.css"
CSS
0 vote176 views2 answers
Command line download file from google drive
CSS