Nesting Elements – Parent Elements and Child Elements
Nesting is one of the key concepts in HTML. It is similar to the tree structure concept. Understanding the relationships between a parent element and its child elements is important to control layout design and other design properties. The chain of the parent-child relationships determines ancestor elements and descendant elements. Also, the elements that have the same parent element are called sibling elements.
CSS (Cascading Style Sheets), which are the key focus of the following chapters, utilizes these relationships to add styles to HTML documents. We are explaining nesting elements in this chapter because the concept is implemented in HTML.