- CSS에 드디어
if()
문이 도입되었지만, 기존 미디어 쿼리와 컨테이너 쿼리로도 충분한 경우가 많음 🤔. if()
문은 미디어 쿼리, 스타일 쿼리 등 다양한 조건을 한 속성 안에서 처리 가능하게 함 🤹.if()
문은 조건 순서가 중요하며, 먼저 참이 되는 조건의 값이 적용됨 ☝️.- 여러 속성을 변경해야 할 때는
if()
문이 오히려 코드 중복을 야기할 수 있음 👯. - 커스텀 미디어 쿼리처럼 변수를 활용하여 breakpoint를 정의하고
if()
문에서 사용하는 방법은 유용함 💡. attribute()
함수와 함께 사용하면 HTML 속성 값에 따라 스타일을 변경하는 강력한 기능 활용 가능 🧲.