` 或其他容器上应用样式，而不是直接在输入框上。

例如，如果你有一个包含多个输入框的表单，你可以使用 `focus-within` 在表单的父元素上添加样式，而不是每个输入框都单独添加样式。这样，当你在任何输入框中开始输入时，表单的样式都会相应地改变，而不仅仅是获得焦点的那个输入框。

下面是一个简单的例子：

```html

```

```css
.form {
border: 1px solid gray;
padding: 10px;
/* 当表单中的任何一个输入框获得焦点时，整个表单的背景颜色会变成红色 */
background-color: transparent;
}

.form:focus-within {
background-color: red;
}
```

在上面的例子中，当用户点击任何一个输入框时，整个 `.form` 元素的背景颜色将会变成红色。

使用 `focus-within` 伪元素非常简单，你只需要在想要应用样式的元素上添加 `:focus-within` 选择器，并定义相应的样式规则。记住，`focus-within` 只会影响获得焦点的元素本身或其子元素。