:focus-within 当聚焦第一个孩子而不是最后一个孩子时

Cez*_*sto 5 css focus

我有一个<section>元素,只有当第一个子元素获得焦点而不是第二个时,我才想在其中设置焦点。我尝试使用:not伪类,但没有成功。

值得注意的是,我仍然需要关注第二个元素,只是不想有两个重点元素(父+子),如下例所示。

代码笔示例

如果仅使用 HTML/CSS 破解/解决方案会更好。

nar*_*a92 1

如果任何子元素本身具有焦点,“:focus-within”会使父元素获得焦点。您不能仅使用 css 来执行此操作,因为您只能选择同级或子级元素,除了选择父级的这种不寻常的情况(即使您无法选择哪个元素内部具有焦点)。您将焦点应用于该部分,而不是子项。