강의

멘토링

로드맵

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của jinungdesign022417
jinungdesign022417

câu hỏi đã được viết

Học CSS Flex và Grid đúng cách

Grid 활용예제 #1 - Sắp xếp danh mục

-ms- 관련

Viết

·

282

0

1.  ms로 바꾸는 과정에서 밑의 코드처럼 일일히 새로 클래스명을 지정해주고 바꾸면서 진행했습니다. 동작은 잘됩니다. 근데 IE에서는 nth-child()가 부모없이 사용할때는 안먹히나요? 먹히지 않아서 새로 클래스명을 지정해주었습니다..

        #sort__control--category:checked~.grid__section-1 {
            -ms-grid-column1;
            -ms-grid-row3;
        }

        #sort__control--category:checked~.grid__section-2 {
            -ms-grid-column1;
            -ms-grid-row4;
       }

2. 제일 문제가 label인데 input을 -ms-grid-column로 옮겨도 label이 따라오지 않습니다.. label을 -ms-grid-column으로 옮겨도 계속 스크린샷과 같이 고정되어있습니다. 어떻게 해결하나요?

HTML/CSSflex

Quiz

56% người trả lời sai. Hãy thử ngay!

Phương pháp chính là sử dụng các bộ chọn CSS dựa trên trạng thái `:checked` của các phần tử input (như checkbox hoặc radio button) kết hợp với bộ chọn anh em (`+`, `~`) để hiển thị/ẩn các khối nội dung theo danh mục.

Thay đổi thuộc tính order của CSS Flexbox một cách động.

Điều khiển vị trí các mục Grid bằng CSS dựa trên trạng thái chọn của nút radio ẩn.

Sử dụng animation CSS để di chuyển các item theo nhóm.

Sử dụng media query để phân tách bố cục theo danh mục.

Câu trả lời 1

0

dongwoo kim님의 프로필 이미지
dongwoo kim
Người đặt câu hỏi

Hình ảnh hồ sơ của jinungdesign022417
jinungdesign022417

câu hỏi đã được viết

Đặt câu hỏi