How deeply does D3.js in Action, Third Edition cover CSS selector?

Explains tag, class, ID, descendant, and grouped selectors with code, then distinguishes first-match and all-match selection.

CSS selector

As explained in D3.js in Action, Third Edition

A CSS selector is a syntax pattern that identifies elements in a document according to their names, attributes, classes, IDs, or relationships.

A CSS selector is a pattern that identifies DOM elements by tag name, class, ID, or a combination of these. D3 passes selector strings to d3.select() and d3.selectAll() before modifying the selected elements. section 2.3 section 2.7

Use selectors to target elements for visualization work:

Use d3.select() for the first matching element and d3.selectAll() for every matching element; commas can group selector alternatives. section 2.3

Extracting tables from a web page

A browser script uses document.querySelectorAll(".wikitable.sortable") to collect matching HTML tables, then loops through their rows to extract painting data. The selector was chosen by inspecting the page markup for a unique common pattern. section 14.1

How D3.js in Action, Third Edition covers it

liveBook manning.com

Read D3.js in Action, Third Edition on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

Tiny CSS ProjectsA CSS selector is a pattern that identifies the elements to which a set of style declarations applies.
liveBook manning.com

Web Design PlaygroundA CSS selector that matches elements based on an element's ID attribute value.
liveBook manning.com

WordPress Power Toolkit: Harness AI to build next-level websitesA CSS selector is a pattern that identifies the HTML elements to which a CSS rule applies.
liveBook manning.com

Web Components in ActionA CSS selector is a pattern that identifies elements to which stylesheet rules apply.
liveBook manning.com

CSS in Depth, Second EditionA CSS selector is a pattern that identifies the elements to which a group of declarations applies.
liveBook manning.com

BDD in Action, Second EditionA CSS selector is a pattern for selecting elements in a web document based on element names, classes, attributes, relationships, and other criteria.
liveBook manning.com

Web Design Playground, Second EditionA CSS selector is a pattern that identifies the web page elements to which a style rule applies.

Compare how 8 books explain CSS selector →

Related concepts

CSSpart of · CSS, or Cascading Style Sheets, is a stylesheet language for specifying the presentation and layout of structured documents and user interfaces.
class selectorincludes · A class selector is a CSS selector that matches elements whose class attribute contains a specified class name.
ID selectorincludes · An ID selector is a CSS selector that matches an element by the value of its id attribute.
type selectorincludes · A CSS selector that matches elements by their element or tag name.
universal selectorincludes · The CSS universal selector, represented by an asterisk, matches elements of any type within a document or selected scope.
CSS nestingused by · CSS nesting is a stylesheet feature that allows rules to contain nested selectors and declarations expressing hierarchical or related selector structures.

This explainer was generated by Manning's knowledge graph from the text of D3.js in Action, Third Edition. The section links point to the parts of the book it draws on.