폴리프레임

1. :has()부모 요소가 특정 조건을 만족할 때 스타일을 변경할 수 있습니다.부모 선택자로 사용할 수 있어, 자식 요소 상태에 따라 부모 요소의 스타일을 조절할 수 있습니다.CSS에서 자식이나 후속 요소가 있는지 조건을 확인할 수 있습니다./* .container 내에 .active 요소가 있으면 .container에 스타일 적용 */.container:has(.active) { border: 2px solid green;}/* .card 내에 .button 요소가 있을 때 텍스트 색상 변경 */.card:has(.button) { color: blue;}/* h1의 바로 다음(같은 레벨)에 p 가 있으면, 아래 조건을 h1에 적용 */h1:has(+ p) { margin-bottom: ..

JavaScript 2024. 10. 30. 16:52

includes() 메서드: includes() 메서드는 주로 배열(Array)에서 사용됩니다. 배열 내에 특정 요소가 존재하는지 여부를 확인합니다. 배열의 메서드로, 배열에 대한 검색 작업에 사용됩니다. const array = [1, 2, 3, 4, 5]; console.log(array.includes(3)); // true console.log(array.includes(6)); // false has() 메서드: has() 메서드는 Map과 Set 객체에서 사용합니다. Map 객체에서는 지정된 키(key)가 존재하는지 여부를 확인 합니다. Set 객체에서는 주어진 값(value)이 존재하는지 여부를 확인 합니다. 객체의 메서드로, 특정 키 또는 값에 대한 존재 여부를 확인 합니다. 예제 (Map..

JavaScript 2023. 11. 29. 17:04