HTML 部分属性

HTML part 属性是一个全局属性，可用于允许 CSS 通过 ::part 伪元素选择和设置阴影树中的特定元素。

句法：

part="tab"

例子：

HTML

  

    
        h1 {
            color: green;
        }
  
        tabbed-custom-element::part(tab) {
            color: green;
            border-bottom: dotted 2px;
            width: 400px;
        }
    

  

    
        GeeksforGeeks
        HTML part Attribute
        
        
        
    
  
    
  
        // Using the selector to select the 
        // part attributes elements
        let template = document
            .querySelector("#tabbed-custom-element");
  
        globalThis.customElements.define(
            template.id, class extends HTMLElement {
            constructor() {
                super();
                this.attachShadow({ mode: "open" });
                this.shadowRoot.appendChild(template.content);
            }
        });
    

  

输出：

支持的浏览器：

• 谷歌浏览器
• 火狐
• 苹果浏览器
• 歌剧
• 边缘