Descendant combinator
The descendant combinator (a space) matches elements nested anywhere inside an ancestor.
Syntax
ancestor descendant { }Examples
.article a {
color: royalblue;
text-decoration: underline;
}
Output
Styles every link at any nesting depth inside an element with class .article.
Notes
Matches at any depth, not just direct children. Deep descendant chains can hurt readability and create unintended matches; prefer a single class for components. Specificity is the sum of its parts.
Browser & runtime support
| Environment | Since version |
|---|---|
| chrome | 1.0 |
| firefox | 1.0 |
| safari | 1.0 |
| edge | 12 |