The notion of a “ cascade” is at the heart of CSS (just look at its name). Let’s look at what they mean and how they work. They will help you create clean, maintainable and flexible style sheets. Not very common words among Web designers, are they? Talking about border-radius and text-shadow is a lot more fun but specificity and inheritance are fundamental concepts that any person who wants to be good at CSS should understand. Two of these concepts are specificity and inheritance.
![css inherit font size and make larger css inherit font size and make larger](https://assets.digitalocean.com/articles/67561/2.png)
#Css inherit font size and make larger how to
The concepts may be hard to grasp and look boring at first, but understanding them and knowing how to take advantage of them is important. Understanding a few often overlooked concepts is also important. Knowing how to deal with these issues comes with experience, with trial and error and with failing massively and then learning the correct way.
![css inherit font size and make larger css inherit font size and make larger](https://www.w3docs.com/uploads/media/default/0001/01/84bb90a70a86f839b75d8c04c69b665bb6acd958.png)
In a panic, you add hacks and filters where only a few tweaks or a different approach might do.
![css inherit font size and make larger css inherit font size and make larger](https://www.jspsych.org/7.0/img/devtools-inspect-element.png)
If after a few hours of work, your perfectly crafted website looks great in Safari, all hell might break loose if you haven’t taken the necessary measures to make it work in Internet Explorer. It’s so simple, in fact, that you could style a simple CSS-based website within a few hours of learning it.īut this apparent simplicity is deceitful. Being clear and easy to understand, the syntax makes sense even to the inexperienced Web designer. CSS’ barrier to entry is extremely low, mainly due to the nature of its syntax.