免费在线CSS :has()选择器生成器，可视化创建CSS :has()伪类选择器，实时预览效果，兼容性检查。纯前端本地运行。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用
Updated: 2026-07-11
自定义选择器
常见问题
CSS :has()选择器是什么？
:has()是CSS4中的伪类选择器，允许根据子元素或后续兄弟元素的存在来选择父元素，被称为'父选择器'。例如 .card:has(img) 可以选择包含img元素的.card元素。
:has()选择器的浏览器兼容性如何？
:has()选择器已被所有主流浏览器支持：Chrome 105+、Safari 15.4+、Firefox 121+、Edge 105+。全球支持率超过92%。
:has()选择器有哪些常见用法？
常见用法包括：1) 根据子元素样式化父元素；2) 表单验证样式；3) 空状态样式；4) 前一个兄弟选择；5) 响应式布局中根据内容调整。