diff --git a/css-pseudo-4/Overview.bs b/css-pseudo-4/Overview.bs
index 26622b91425..65b5fa8e1ce 100644
--- a/css-pseudo-4/Overview.bs
+++ b/css-pseudo-4/Overview.bs
@@ -696,6 +696,8 @@ Styling Highlights
+ :root { + --background-color: green; + --decoration-thickness: 10px; + --decoration-color: purple; + } + ::selection { + --decoration-thickness: 1px; + --decoration-color: green; + } + div::selection { + --decoration-color: blue; + background-color: var(--background-color, red); + text-decoration-line: underline; + text-decoration-style: line; + text-decoration-thickness: var(--decoration-thickness, 5px); + text-decoration-color: var(--decoration-color, red); + } ++ A div's selection highlight would be a green background to the + selected content, with a 1px thick blue underline. The + ''--background-color'' custom property is not found on the + ''div::selection'' nor ''::selection'' so it is taken from the + ''::root'' custom property match. The ''--decoration-thickness'' + property is inherited from ''::selection'' via the highlight + cascade and ''--decoration-color'' is found in + ''div::selection'' itself. +