디스플레이를 재정의 할 수 없습니다.

장치 디스플레이가 600px보다 작은 경우 디스플레이하고 싶지 않은 페이지 부분이 있습니다. 나는 다음과 같은 CSS했다 : 디스플레이를 재정의 할 수 없습니다.

@media only screen and (max-width: 600px) { 
    .smallScreenHidden {dispay:none} 
}

그럼 내가 하나 <article>이,이 블록으로 표시 있다고하는 클래스가있다. 문제는 그냥 무시할 수 없으므로 항상 표시된다는 것입니다. 어떤 순서로 클래스를 작성하든 문제가되지 않습니다. 단지 작동하지 않습니다. 당신이 우리의 대부분은 마찬가지로 초보자 CSS 사용자라면

출처

2013-08-13 Anagmate

우리는 할 수 있습니까? JSFiddle이 있으십니까? –

'display : 블록! 중요;'? –

문제가되는 요소와 관련된 몇 가지 코드를 추가해 주시겠습니까? 클래스 스타일 선언과'article'에 대한 마크 업이 도움이 될 것입니다. 또한 오타가 있습니다 :'dispay : none'. –

, 당신은 할 줄 : 당신이 전문가가 사용자 인 경우,

display: block !important;

그러나 및 CSS 특이성의 중요성을 이해, 당신은 시도 할 것 어떤 수의 클래스를 추가해도 표시 속성을 무시하는 데 도움이되지 않는지 확인하려면 <article>

코드를 본적이 없으므로 CSS 고유성 솔루션을 제공 할 수 없으므로이 체크 아웃을 권해드립니다. article on CSS Specificity by Smashing Magazine

출처

2013-08-14 02:38:54 AdityaSaxena

디스플레이를 재정의 할 수 없습니다.

답변

관련 문제