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

14 votes372 views4 answers
How to create a strikethrough in css
CSS
0 vote339 views1 answer
Animations
CSS
145 votes422 views6 answers
Add bootstrap to react
CSS
179 votes573 views6 answers
Filter method
CSS
0 vote356 views1 answer
How to write h2so4 using html css
CSS
1 vote347 views2 answers
How to make hr class bootstrap full width
CSS
12 votes346 views3 answers
Css background image size fit screen
CSS
0 vote376 views1 answer
Not for specific child class
CSS
0 vote283 views1 answer
Active state css
CSS
0 vote369 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS