CSS3 Quick Syntax Reference: A Pocket Guide to the Cascading Style Sheets Language

© Mikael Olsson 2019

Mikael OlssonCSS3 Quick Syntax Referencehttps://doi.org/10.1007/978-1-4842-4903-1_6

6. Relationship Selectors

Mikael Olsson¹ 

(1)

Hammarland, Finland

 

Relationship selectors match elements based on their relation with other elements. To understand these selectors, it is important to recognize how elements in a web document are related to each other.

HTML Hierarchy

An HTML document can be visualized as a tree with the <html> element as the root. Each element fits somewhere on this tree, and every element is either a parent or a child of another element. Any element above another one is called an ancestor, and the element directly above is the parent. Similarly, an element below another one is called a descendant, and the one directly ...