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

Question

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

值得一提的是，我仍然需要关注第二个元素，只是不想像下面的示例那样包含两个关注的元素（父+子）。

Codepen example

最好是仅HTML / CSS hack /解决方案。

Answer 1

“：focus-within”会使父元素具有焦点，如果其任何子元素具有焦点本身。您不能仅使用css来执行此操作，因为您只能选择兄弟姐妹或子元素，但这种例外情况会选择父元素（即使您无法选择内部具有焦点的元素）。您正在将重点放在该部分，而不是子项上。