CSS :scope 伪类

范围元素形成样式块的上下文。该元素为要匹配的选择器提供了一个参考点。 scope 元素是使用 scoped 属性定义的。使用作用域属性声明的样式将应用于其父元素内的所有元素。

句法：

:scope

示例 1：

  GeeksforGeeks
  
   
       Welcome to GeeksforGeeks. 
       It's a Computer Science portal.
   
   
   
   
     let para = 
        document.getElementById("paragra");
     let opt = 
        document.getElementById("opt");
     if (para.matches(":scope")) {
        opt.innerText = 
        "Yeah!!, we are under scope GeeksforGeeks";
     }
   
  

输出：

示例 2：

  
    
     
   
  
    

      

        

          Inside the scope, 
          
                GeeksforGeeks
            
        
      
    
  

输出：

浏览器支持：

• 铬合金
• 火狐
• 歌剧
• 苹果浏览器
• 边缘