在 CSS 中，:focus-within 和 :focus-visible 是两个非常有用的伪类，它们用于处理元素的焦点状态。本文将重点介绍 :focus-within 和 :focus-visible 的基本用法及应用实战。
:focus-within
:focus 伪类用于在聚焦模式下选择元素，而 :focus-within 则用于在 DOM 树中选择该元素的祖先。简而言之，:focus-within 将匹配其嵌套元素之一被聚焦（匹配:focus）的任何元素。
下面通过一个简单的示例来学习 :focus-within 的使用
1）示例代码：
