ID로 요소의 CSS 스타일을 제거

Question

요소에 대한 스타일을 사용하지 않도록 설정하는 방법은 이미 CSS에서 요소 이름으로 스타일을 지정했으며 CSS에서 클래스 이름을 etering하여 동일한 스타일을 만들 수는 없습니다. #ElementName은 스타일 속성이 아닙니다. html 코드에 표시 되나요?

Answer 1

당신은 시도 할 수 왜 CSS 스타일을 제거 할 수 있습니까? 보통 이것은 당신이 좋은 방법으로 무언가를하지 않는다는 신호입니다. 이 같은 일부 작성하는 코드처럼 :

$("selector").hover(function() { 
    $(this).css("background", "red"); 
}, function() { 
    // ??? 
}); 

과정의 문제는 당신이 정상으로 재설정하기 위해에 배경을 설정 해야할지하지 않는다는 것입니다. 와

div.highlight { background: red; } 

: 해결

$("selector").hover(function() { 
    $(this).addClass("highlight"); 
}, function() { 
    $(this).removeClass("highlight"); 
}); 

문제는 클래스를 사용해야하는 이유입니다.

당신이 그것에 대한 자세한 내용을 제공하지 않았지만 "내 스타일을 제거하려면 어떻게합니까?" 적기 다.

Answer 2

설정 한 스타일을 비활성화 할 수는 없지만 무시할 수는 있습니다. inherit 값은 기본적으로 상속 된 스타일의 동작을 복원하는 데 사용할 수 있습니다. 예 :

div { color: red; } 
div .exception { color: inherit; } 

모든 div 요소는 부모의 텍스트 색상을 상속 클래스 = "예외"를 가진 사람을 제외하고, 빨간색 텍스트를 얻을 것이다.

Answer 3

스타일을 사용 중지 할 수 없으며 해당 스타일을 특수성으로 재정의 할 수만 있습니다. ! 당신이 절대적으로 필요하다면, 당신은 중요한 지시에 의존 할 수

#el { background:red !important; } 

신이 당신은/CSS에 액세스 할 수없는 수없는 경우 다음 $('#foo').css('background', 'red') 또는 이와 유사한 작업을 수행 할 수 있습니다 알고 그렇지하십시오.

Answer 4

는이 같은 것을 통해 태그의 표준에 따라 요소의 스타일을 재설정 할 수 있습니다

$('#ElementName').css({ 
    'position': 'relative', 
    'display': 'box', 
    'with': 'auto', 
    'height': 'auto', 
    'color': '#FFFFFF' 
}); 

당신은 요소 ID의 이름을 바꿀 수 있습니다 : 최선 추측이다

$('#ElementName').attr('id', 'ElementName2'); 

합니다.

$("selector").removeAttr("style"); 

을하지만 내 질문은 :

Answer 5

몇 주 전에이 문제가 발생했습니다. 모든 요소에는 기본값이 있습니다. 그것을 단지 그 디폴트 값으로 오버라이드한다.

즉. 너비와 높이의 기본값은 auto입니다. 모두가 자동은 아니지만. 오버플로의 기본값이 표시됩니다.