인프런 커뮤니티 질문&답변
작성한 질문수
-ms- 관련
작성
·
281
0
1. ms로 바꾸는 과정에서 밑의 코드처럼 일일히 새로 클래스명을 지정해주고 바꾸면서 진행했습니다. 동작은 잘됩니다. 근데 IE에서는 nth-child()가 부모없이 사용할때는 안먹히나요? 먹히지 않아서 새로 클래스명을 지정해주었습니다..
#sort__control--category:checked~.grid__section-1 {
-ms-grid-column: 1;
-ms-grid-row: 3;
}
#sort__control--category:checked~.grid__section-2 {
-ms-grid-column: 1;
-ms-grid-row: 4;
}
2. 제일 문제가 label인데 input을 -ms-grid-column로 옮겨도 label이 따라오지 않습니다.. label을 -ms-grid-column으로 옮겨도 계속 스크린샷과 같이 고정되어있습니다. 어떻게 해결하나요?
퀴즈
56%나 틀려요. 한번 도전해보세요!
카테고리 정렬 예제에서 JavaScript 사용 없이 CSS만으로 아이템을 카테고리별로 모아 보여주는 주요 방식은 무엇일까요?
CSS Flexbox의 order 속성을 동적으로 변경합니다.
숨겨진 라디오 버튼의 체크 상태에 따라 Grid 아이템의 위치를 CSS로 제어합니다.
CSS 애니메이션을 사용하여 아이템을 그룹별로 이동시킵니다.
미디어 쿼리를 사용하여 카테고리별 레이아웃을 분리합니다.
