CSS : CSS 파일에서 실제로 스타일을 제거하지 않고 특정 스타일을 제거하십시오.

웹 페이지를 동원하려고합니다. 대부분의 현재 스타일은 유지하지만 다른 스타일을 무시하거나 제거하려고합니다. 나는 !important이 스타일을 오버라이드 할 것이라는 것을 알고 있지만, 스타일 시트에서 제거하지 않고 현재 페이지의 특정 스타일을 완전히 제거하고자한다면 어떻게해야할까요?CSS : CSS 파일에서 실제로 스타일을 제거하지 않고 특정 스타일을 제거하십시오.

예를 들어, 요소 스타일에서 width 또는 min-width을 제거하고 싶지만 다른 문자를 지정하고 싶지 않은 경우 어떻게해야합니까? width. jQuery Mobile을 사용하고 있습니다. jQuery Mobile은 많은 스타일을 처리합니다. 이 예에서

내가 파일 Styles.css 및 StylesMobile.css있을 것입니다, Style.css는 것이다 경우 다음이

.buttonStyle { 
    width: 100px; 
    text-align: left; 
}

StylesMobile.css 동안 :

.buttonStyle { 
    height: 10%; 
    color: Red; 
}

나는 여전히 text-align: left;Styles.css에서 원하지만 너비가 아닙니다 (StylesMobile.css과 함께).

출처

2014-06-19 Stanley Cup Phil

[CSS 미디어 쿼리] (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries)를 살펴볼 수 있습니다. 이렇게하면 다양한 유형의 화면에서 작업하고 특정 스타일을 사용하는 것이 더 쉽습니다. – Aeveus

StylesMobile.css에서 폭 : 100px by width : auto를 덮어 씁니다. 너비 속성을 제거합니다. –

CSS media queries 당신을 위해 무엇을 찾고있는 일반 buttonStyle를 오버라이드 (override) 할 수 있습니다.

이 경우 width를 사용하여 예제를 작성했습니다. 모바일 스타일 시트에서 너비를 무시하려면 width: auto 만 사용하십시오. 또는 모든 픽셀보다 높은 해상도를위한 너비 만 설정하십시오 (위에서 쓴 것처럼 미디어 쿼리).

출처

2014-06-19 18:56:13 panther

당신은 사용 특이성을 시도하고 같은 .aclass .anotherclass .buttonStyle로 더 선택은 특정 stylemobile의 버튼 스타일을 만들고 그

출처

2014-06-19 18:55:48 user3211522

width의 기본값은 auto입니다. width:auto !important

출처

2014-06-19 18:56:58

CSS : CSS 파일에서 실제로 스타일을 제거하지 않고 특정 스타일을 제거하십시오.

답변

관련 문제