From e26f4f0734e5d6d454898b66561bdb55c214ff67 Mon Sep 17 00:00:00 2001 From: peter Date: Sat, 25 Oct 2025 09:33:09 -0700 Subject: [PATCH] CSS quick reference --- viz.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/viz.md b/viz.md index f697d39d..75dec973 100644 --- a/viz.md +++ b/viz.md @@ -448,6 +448,23 @@ the `tree` group contains the ID of the tree (e.g. `t0`), the `site` group on th contains the site ID (e.g. `s15`) the `mut` class contains the mutation ID (e.g. `m16`), and so on. +#### CSS selector quick reference + +If you don't do this all the time it's not easy to remember what the various separators +mean, so here's a quick reference (for more, see +[these docs](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors)): + +- `abc` (Type `abc`, like `g` for a `...` tag) +- `.xyz` (Class `xyz`) +- `#uvw` (ID `uvw`) +- `,` (Selector list, means "or") +- `>` (Child combinator) +- "` `" (Descendant combinator, a space) +- `+` (Next-sibling combinator) +- `~` (Subsequent sibling combinator) +- `|` (Namespace separator) + + #### Styling graphical elements The classes above make it easy to target specific nodes or edges in one or multiple