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 vote169 views2 answers
How to remove white space in the right side of web page
CSS
0 vote163 views1 answer
Flex-wrap#verhindert auslaufen aus container
CSS
1 vote136 views1 answer
Bootstrap col no gaps
CSS
0 vote135 views1 answer
Many pseudo selectors in css
CSS
0 vote146 views1 answer
Add shadow to iframe
CSS
0 vote159 views1 answer
Use flex in container with multiple components
CSS
8 votes171 views3 answers
Css change font awesome icon color
CSS
0 vote144 views1 answer
Specific id under class css
CSS
0 vote126 views1 answer
Modern css fonts
CSS
2 votes138 views1 answer
Media queries css responsive max width
CSS