开发学习网CSS :has-slotted
原创:has-slotted
:has-slotted 是一个 CSS 伪类，当 <slot> 元素的内容不为空或不使用默认值时，它会匹配该内容。有关更多信息，请参阅使用模板和插槽。
注意：
即使是单个空白文本节点也足以使 :has-slotted 生效。
此功能仅在用于 shadow DOM 内的 CSS 时才有效。
css
/* 选择有非默认内容的 <slot> 元素的内容 */
:has-slotted {
color: green;
}
/* 选择没有内容或默认内容的 <slot> 元素的内容 */
:not(:has-slotted) {
color: red;
}
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权本站发表，未经许可，不得转载。
上一篇：CSS
future 下一篇：CSS
:has()
相关文章
作者文章
- CSS 使用CSS数学函数 4个月前 (08-23)
- CSS Textual data types 4个月前 (08-23)
- CSS 数字数据类型 4个月前 (08-23)
- CSS CSS 属性值定义语法 4个月前 (08-23)
- CSS 使用 CSS 过渡 4个月前 (08-23)