How deeply does Tiny CSS Projects cover descendant selector?

Defines space-separated syntax, explains descendant depth, and contrasts it with immediate-child targeting.

Descendant selector

A descendant combinator is a CSS combinator, conventionally written as whitespace, that matches elements occurring anywhere within another selected element.

A descendant selector uses a space between selectors to target matching elements anywhere inside another element. It expresses an HTML relationship without adding more class or ID names. section 1.6.2

Double-space paragraphs inside an article

The selector `article p` finds paragraphs inside any `article`, including nested descendants, and can apply `line-height: 2` to make the article text double-spaced. section 1.6.2

Keep the relationship distinction clear:

A descendant selector reaches children, grandchildren, great-grandchildren, and deeper elements. section 1.6.2

How Tiny CSS Projects covers it

liveBook manning.com

Read Tiny CSS Projects on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

CSS in Depth, Second EditionA descendant selector is a CSS selector that matches an element occurring anywhere inside an ancestor matched by another selector.
liveBook manning.com

Web Design Playground, Second EditionA descendant selector is a CSS selector that matches elements nested at any depth within a specified ancestor.

Compare how 3 books explain descendant selector →

Related concepts

combinatorkind of · A CSS combinator is a character or sequence that expresses a structural relationship between selector components.
CSS selectorkind of · A CSS selector is a pattern that identifies document elements by their names, attributes, relationships, states, or other conditions.
CSS nestingused by · CSS nesting is a stylesheet feature that allows rules to contain nested selectors and declarations expressing hierarchical or related selector structures.
class selectorcontrasts with · A class selector is a CSS selector that matches elements whose class attribute contains a specified class name.
direct descendant combinatorcontrasts with · The CSS child combinator, written as >, matches elements that are direct children of a specified parent element.
modular csscontrasts with · Modular CSS is an approach to organizing styles into separate, reusable, relatively independent units that can be scoped or managed individually.

This explainer was generated by Manning's knowledge graph from the text of Tiny CSS Projects. The section links point to the parts of the book it draws on.