CSS :has selector1

• 

  [HTML&CSS] :not(), :has() 가상 클래스 선택자 사용하기 (예제, 설명) 아래 소스코드는 :not()과 :has() 선택자를 사용하여 HTML 요소를 선택하고 다양한 스타일을 적용하는 예제입니다. 설명 1. :not() 선택자 ㅇ :not() 선택자는 괄호 안에 지정된 조건을 만족하지 않는 요소를 선택합니다. 이 선택자는 특정 요소나 클래스를 제외하고 스타일을 적용하고 싶을 때 유용합니다. 2. :has() 선택자 ㅇ :has() 선택자는 괄호 안에 지정된 조건을 만족하는 자식 요소를 포함하는 부모 요소를 선택합니다. 이것은 부모와 관련된 스타일링이나 자식의 존재 여부에 따라 스타일을 적용하고 싶을 때 유용합니다. p:not(.highlight) { color: red; } ㅇ .highlight 클래스를 가진 요소를 제외한 모든 요소의 글꼴 색상을 빨간색으로 변경합니다. d.. 개발이야기/HTML&CSS 2023. 10. 5.