CSS :focus-within 选择器

:focus-within伪类是选择一个元素，该元素包含一个焦点元素作为子元素。当任何子元素获得焦点时，就会应用 CSS 规则。示例包括单击链接、选择输入等。

句法：

:focus {
    /* CSS Properties */
}

示例：以下示例说明了:focus-within伪类 Selector 的使用。

HTML

  

    

  

    

        GeeksforGeeks
    
  
    

  
        Geek 1
        
        

        Geek 2
        
    

  

输出：

支持的浏览器：

• 铬合金
• 火狐
• 边缘
• 歌剧
• 苹果浏览器
• Internet Explorer(不支持)。