브라우저의 스타일 검사기(Style Inspector)를 사용할 수 있습니다. 모바일에서는 더 구체적인 선언이 기존 선언을 덮어쓰는 것을 확인할 수 있습니다:
따라서 모바일용 더 구체적인 선언을 직접 사용할 수 있습니다:
body:not([class*="category-"]) .list-controls .container #create-topic {
display: none;
}
또는 !important 속성을 사용하여 일반적인 선언에 우선순위를 부여할 수 있습니다:
body:not([class*="category-"]) #create-topic {
display: none !important;
}