3.4.5 focus-within伪类.md

3.4.5 focus-within伪类

:focus-within 是一个CSS 伪类 ，表示一个元素获得焦点，或，该元素的后代元素获得焦点。
换句话说，元素自身或者它的某个后代匹配:focus伪类。（在shadow trees 中的后代也在匹配序列中）

/* 匹配<div>，当它的某个后代获得焦点 */
div:focus-within {
  background: cyan;
}

参考

• :focus-within