:focus-withinは適用した要素の子孫要素にフォーカスに当たった時に起動するセレクタ。
以下の例は、formの子孫要素（テキストボックスなど）にフォーカスがあたるとフォームの背景がイエローに変わる。
<form>
<label for="username">Username</label>
<input type="text" name="username">
<label for="password">Password</label>
<input type="password" name="username">
</form>form {
border: 1px dashed #333;
padding: 25px;
transition: background 0.3s ease;
}
form:focus-within {
background: #f4d35e;
}【参考】
https://coliss.com/articles/build-websites/operation/css/css-focus-within-is-amazing.html
