CSSだけで特定の子要素を持つ親要素を指定する方法(hasの使い方)

<div class="example"> <a href="#"> <img width="200" src="https://csshtml.work/wp-content/uploads/cat.jpg" alt=""> 直下が画像のリンク </a> <a href="#"> <span> <img width="200" src="https://csshtml.work/wp-content/uploads/cat.jpg" alt=""> </span> spanを挟む画像のリンク </a> <a href="#">画像を含まないリンク</a> </div> <style> .example a:has(img){ border: 2px solid red; display: block; } </style> 例2：直下の子要素が画像のaタグを指定する 下記は「a:has(