JAPANESE
ハスプロパティ
ハスプロパティ
KOREAN
:has() 선택자
[:has() ソンテクジャ]
ハングル読み: 하스푸로파티
解説
CSSの:has()疑似クラスを使い、子要素や隣接要素の状態に応じて親要素のスタイルを変更する機能。従来JSが必要だった条件付きスタイリングをCSSだけで実現できる。
CSS의 :has() 의사 클래스를 사용하여 자식 요소나 인접 요소의 상태에 따라 부모 요소의 스타일을 변경하는 기능. 기존에 JS가 필요했던 조건부 스타일링을 CSS만으로 구현할 수 있다.
例文
:has()セレクタを使って、画像を含むカードだけレイアウトを変更するスタイルを書いた。
:has() 선택자를 사용하여 이미지를 포함한 카드만 레이아웃을 변경하는 스타일을 작성했다.