https://takao.blog/en/tags/selector/Recent content in Selector on Commentary of TakaoHugo -- gohugo.ioenCommentary of TakaoSat, 13 Jun 2026 23:11:50 +0900https://takao.blog/en/web/css-has-pseudo-selector-recipes/Tue, 10 Mar 2026 00:00:00 +0900https://takao.blog/en/web/css-has-pseudo-selector-recipes/<img src="https://takao.blog/img/thumnail.webp" alt="Featured image of post Creative CSS Recipes with Parent Selector :has()" /><h2 id="creative-css-recipes-with-parent-selector-has">Creative CSS Recipes with Parent Selector <code>:has()</code> </h2><p>For years, CSS developers dreamed of a <strong>parent selector</strong> — a way to style an element based on its children. JavaScript and extra class names were the only workarounds. Then came <code>:has()</code>, the CSS pseudo-class that finally makes &ldquo;if this element contains X, style it accordingly&rdquo; a native reality.</p> <p>As of 2026, <code>:has()</code> is supported in all major browsers, opening a world of markup simplification and creative styling without touching JavaScript.</p>