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

32 votes165 views3 answers
Add google font
CSS
0 vote223 views1 answer
Button two lines on ipad
CSS
0 vote245 views1 answer
Accessing folders in css
CSS
3 votes188 views2 answers
What does em stand for in css
CSS
-1 vote264 views2 answers
Css clip path text
CSS
0 vote204 views1 answer
Set height to width css
CSS
0 vote205 views1 answer
@font-face multiple font weights
CSS
1 vote207 views1 answer
Steps() property css
CSS
1 vote189 views1 answer
Input type search remove x
CSS
0 vote189 views1 answer
CSS adding background image from file
CSS