Inflearn コミュニティ Q&A
投稿した質問数
-ms- 관련
作成
·
283
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으로 옮겨도 계속 스크린샷과 같이 고정되어있습니다. 어떻게 해결하나요?
HTML/CSSflex
クイズ
56%が間違えています。挑戦してみましょう！
アイテムにカテゴリー情報を示すクラスやdata-*属性を付与し、CSSセレクターを使ってカテゴリーごとにスタイルやレイアウト（Flexbox、Gridなど）を適用するのが主な方法です。リストがカテゴリー順に並んでいる場合は、隣接セレクターや擬似要素を用いて視覚的なグループの区切りを作ることも、この方法の一部です。
CSS Flexboxのorderプロパティを動的に変更します。
隠しラジオボタンのチェック状態によって Gridアイテムの位置をCSSで制御します。
CSSアニメーションを使用してアイテムをグループごとに移動させます。
メディアクエリを使用してカテゴリ別のレイアウトを分離します。
