我有一个<section>元素,只有当第一个子元素获得焦点而不是第二个时,我才想在其中设置焦点。我尝试使用:not伪类,但没有成功。
值得注意的是,我仍然需要关注第二个元素,只是不想有两个重点元素(父+子),如下例所示。
如果仅使用 HTML/CSS 破解/解决方案会更好。
如果任何子元素本身具有焦点,“:focus-within”会使父元素获得焦点。您不能仅使用 css 来执行此操作,因为您只能选择同级或子级元素,除了选择父级的这种不寻常的情况(即使您无法选择哪个元素内部具有焦点)。您将焦点应用于该部分,而不是子项。