Web Components 样式:练习答案
答案必须保留本节输入、操作和可观察结果。先运行成功路径,再运行一个反例;
text
输入:第一次执行 → 改变一个条件 → 取消或卸载
预期:状态转移与正文规则一致;取消后没有迟到写入;失败保留可诊断原因若结果不同,优先检查资源所有权、执行时机和宿主前提,而不是只改最终 UI。
样式作用域
shadow CSS 默认不影响外部,外部 CSS 也不能直接选中内部节点;使用 CSS custom properties 暴露主题契约。
part 与 ::part
给内部节点设置 part 名称,外部用 ::part 定点样式;改名属于公共 API 变更。
共享样式表
adoptedStyleSheets 可复用 CSSStyleSheet,但要检查浏览器支持并提供 style 标签降级。
章节入口核对
以下入口对应本章概览或综合练习,答案核对沿用本章各知识点的实现与日志。