<p>1.&nbsp; ms로 바꾸는 과정에서 밑의 코드처럼 일일히 새로 클래스명을 지정해주고 바꾸면서 진행했습니다. 동작은 잘됩니다. 근데 IE에서는 nth-child()가 부모없이 사용할때는 안먹히나요? 먹히지 않아서 새로 클래스명을 지정해주었습니다..</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-weight: normal; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #d4d4d4;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #d7ba7d;">#sort__control--category:checked</span><span style="color: #d4d4d4;">~</span><span style="color: #d7ba7d;">.grid__section-1</span><span style="color: #d4d4d4;">&nbsp;{</span></div>
<div><span style="color: #d4d4d4;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #9cdcfe;">-ms-grid-column</span><span style="color: #d4d4d4;">:&nbsp;</span><span style="color: #b5cea8;">1</span><span style="color: #d4d4d4;">;</span></div>
<div><span style="color: #d4d4d4;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #9cdcfe;">-ms-grid-row</span><span style="color: #d4d4d4;">:&nbsp;</span><span style="color: #b5cea8;">3</span><span style="color: #d4d4d4;">;</span></div>
<div><span style="color: #d4d4d4;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</span></div>
<br />
<div><span style="color: #d4d4d4;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #d7ba7d;">#sort__control--category:checked</span><span style="color: #d4d4d4;">~</span><span style="color: #d7ba7d;">.grid__section-2</span><span style="color: #d4d4d4;">&nbsp;{</span></div>
<div><span style="color: #d4d4d4;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #9cdcfe;">-ms-grid-column</span><span style="color: #d4d4d4;">:&nbsp;</span><span style="color: #b5cea8;">1</span><span style="color: #d4d4d4;">;</span></div>
<div><span style="color: #d4d4d4;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #9cdcfe;">-ms-grid-row</span><span style="color: #d4d4d4;">:&nbsp;</span><span style="color: #b5cea8;">4</span><span style="color: #d4d4d4;">;</span></div>
<div><span style="color: #d4d4d4;"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</span></div>
</div>
<p>2. 제일 문제가 label인데 input을 -ms-grid-column로 옮겨도 label이 따라오지 않습니다.. label을 -ms-grid-column으로 옮겨도 계속 스크린샷과 같이 고정되어있습니다. 어떻게 해결하나요?</p>

인프런 커뮤니티 질문&답변

-ms- 관련