CSS에서 일반 선택자(예: ol)와 ID 선택자(예: #grid ol)가 동일한 요소를 대상으로 하는 경우, 더 구체적인 선택자가 우선권을 갖습니다. 여러분의 경우, #grid ol이 ol보다 구체적이므로 #grid ol에 정의된 스타일이 일반적인 ol 선택자에 정의된 스타일보다 우선적으로 적용됩니다.
제공된 코드에서 미디어 쿼리 내부의 #grid ol 선택자는 화면 너비가 800픽셀 이하일 때 #grid div 내부의 <ol> 요소에 적용됩니다. 이는 #grid ol 선택자가 일반적인 ol 선택자보다 구체적이기 때문입니다.
따라서 답변을 하자면: 네, 이 경우에는 ID 선택자(#grid ol)를 사용하여 더 높은 구체성을 부여하므로 미디어 쿼리 내에서 #grid ol에 대한 정의된 스타일이 일반적인 ol 선택자에 대한 스타일보다 우선적으로 적용됩니다.