Inheritance Basics

Inheritance is the process by which some CSS properties applied to one tag are passed on to nested tags also called as child tag. When a property has been applied to a particular element, its children retain those property values as well and is called inheritance. But all properties are not inherited but most are. An example is given as

body {
width: 650px;
margin: 0 auto;
background: #000; color: #FFF;
font: 12px sans-serif;
}

In this example the styling for text like the color which is white (#FFF), is inherited by all elements nested in it. But, width and margin are not inherited.

Go To- Certified CSS3 Developer Tutorial