CSS shadow parts
Module CSS shadow parts định nghĩa pseudo-element ::part() có thể được đặt trên một shadow host. Sử dụng pseudo-element này, bạn có thể cho phép shadow host hiển thị phần tử được chọn trong shadow tree ra ngoài trang để tạo kiểu.
Theo mặc định, các phần tử trong shadow tree chỉ có thể được tạo kiểu trong shadow root tương ứng của chúng. Module CSS shadow parts cho phép thêm thuộc tính part vào các hậu duệ của <template> tạo nên custom element, từ đó phơi bày node trong shadow tree ra bên ngoài để tạo kiểu thông qua pseudo-element ::part().
Tham chiếu
Selector
Thuộc tính HTML
Định nghĩa
Hướng dẫn
- CSS pseudo-elements
-
Danh sách theo thứ tự chữ cái các pseudo-element được định nghĩa trong tất cả đặc tả CSS và WebVTT.
- Web components
-
Tổng quan về các API khác nhau cho phép tạo các custom element hay web component có thể tái sử dụng.
Khái niệm liên quan
- HTML
<template>element - HTML
<slot>element Element.partpropertyElement.shadowRootpropertyElement.attachShadow()methodShadowRootinterface- CSS scoping module
Đặc tả kỹ thuật
| Specification |
|---|
| Unknown specification |
Xem thêm
- CSS pseudo elements module
- CSS selectors module
- Using shadow DOM
- Templates: Styling outside of the current scope on web.dev (2023)