미디어 쿼리에 하위 선택기를 사용할 수 있습니까?

Question

클래스에서 일부 미디어 쿼리를 사용하고 있어도 문제가 없지만 Chrome 브라우저는이를 단 하나의 브라우저로 잘못 표시합니다. 그래서 나는 다른 클래스에 대한 브라우저 해킹을 사용했지만 미디어 쿼리를 대상 지정하는 방법을 모르겠습니다. 나는 브라우저 해킹 안에이 시도 :

.firstclass > h1 > @media(min-width: 1620px) { 
     font-size: 3.7vw; 
} 

하지만 내 코드 편집기가 "media definitions require block statements after any features" 것을 말한다, 그래서

어떻게 제대로 타겟팅 할 수 있습니다 ... 그것은 새로운 미디어 쿼리로 걸리는 것 같다? 미디어 쿼리가 클래스의 자식이 아닌가?

Answer 1

@media (min-width: 1620px) { 
    .firstclass > h1{ 
    font-size: 3.7vw; 
    } 
} 

구문 오류입니다. 도움이 될 것입니다.

Answer 2

Raw CSS는 미디어 쿼리가 선택 자 안에 포함되도록 허용하지 않습니다. 미디어 쿼리 자체에는 추가 스타일을 적용 할 선택자가 있어야합니다. 당신은 ... 여기에 무엇을 지정해야합니다

@media ... { 
    .first-class > h1 > ... { 
    font-size: 3.7vw; 
    } 
} 

:

는 귀하의 .first-class > h1 선언은 내 @media 쿼리 블록을 을 포함해야합니다. h1 요소에 포함 된 모든 것을 타겟팅하려면 범용 선택기 (*)를 .first-class > h1 > *으로 사용할 수 있습니다.

미디어 쿼리 자체가 선택 자 그룹을 대상으로합니다. 선택자는 미디어 쿼리를 대상으로하지 않습니다. 여기에 귀하의 의견을 바탕으로, 나는 그들이 어디에서 어떻게 사용할 수 있는지 오해하고 있다고 생각합니다.