JAPANESE
CSSハスセレクタ
シーエスエスハスセレクタ
KOREAN
CSS :has 셀렉터
[シエスエス :has セルレクト]
ハングル読み: 시에스에스하스세레쿠타
解説
子要素や後続要素の存在に基づいて親要素を選択できるCSS擬似クラス。従来JavaScriptが必要だった条件付きスタイリングをCSSだけで実現する強力なセレクタである。
자식 요소나 후속 요소의 존재에 기반하여 부모 요소를 선택할 수 있는 CSS 의사 클래스이다. 기존 JavaScript가 필요했던 조건부 스타일링을 CSS만으로 실현하는 강력한 셀렉터이다.
例文
CSSハスセレクタで、画像を含む記事カードだけ異なるレイアウトを適用した。
CSS :has 셀렉터로 이미지를 포함한 기사 카드에만 다른 레이아웃을 적용했다.