https://takao.blog/zh/tags/selector/Recent content in Selector on Commentary of TakaoHugo -- gohugo.iozhCommentary of TakaoWed, 15 Jul 2026 22:01:08 +0900https://takao.blog/zh/web/css-has-pseudo-selector-recipes/Tue, 10 Mar 2026 00:00:00 +0900https://takao.blog/zh/web/css-has-pseudo-selector-recipes/<img src="https://takao.blog/img/thumbnail/css-has-pseudo-selector-recipes-zh.png" alt="Featured image of post 带有父选择器的创意 CSS 食谱：has()" /><h2 id="带有父选择器的创意-css-食谱-has">带有父选择器的创意 CSS 食谱 <code>:has()</code> </h2><p>多年来，CSS 开发人员梦想着一个 <strong>父选择器</strong> — 一种根据子元素设置元素样式的方法。 JavaScript 和额外的类名是唯一的解决方法。然后是 <code>:has()</code>，这个 CSS 伪类最终使“如果这个元素包含 X，则相应地设计它的样式”成为本机现实。</p>