두 번째 div에서 여백을 제거 하시겠습니까?

나는 마진을위한 하나의 클래스를 가지고 있고 두 개의 다른 div에이 클래스를 사용하고 있지만 두번째 div에서 여백 0을 원한다. 왜냐하면 내가 그렇게하면 많은 페이지에서 일을 할 것이기 때문에 html을 바꾸고 싶지 않다. jquery 나 css 중 하나를 수행합니다. 나는 그것을 자식 선택 자와 함께하려고 노력했지만 그것은 나를 위해 일하지 않을 것이다. 당신이 시도에게 준 마크 업두 번째 div에서 여백을 제거 하시겠습니까?

<style> 
.margn { margin-top:20px;} 

</style> 



<body> 
<div class="margn">hii</div> 

<div id="call" class="margn">bye</div> 

</body>

출처

2012-03-29 Carlos

당신이 jQuery를 사용할 수 margn 클래스가 된 div에서 margn을 제거하려면 여기에 귀하의 태그 당 질문에

바로 아래 코드입니다. jquery 파일을 포함한다는 것을 기억하십시오.

$(document).ready(function() { 

$("#call").css("margin-top", "0 !important"); // or 
$("#call").css("margin-top", "0");  

});

편집 : 또한 당신이 아래 @sandeep하여 답을 참조 할 수 있습니다 만 CSS를 사용하려는 경우. CSS는 분명히 작동하므로 올바른 순서로 CSS를 작성하십시오.

.margn{margin-top:20px;} /* after this line write style for your div having id. */ 
#call {margin:0;}

출처

2012-03-29 05:14:18 Murtaza

을 사용합니다. CSS 규칙 만 적용되기 때문에 – Carlos

덕분에 '! important'가 필요하지 않습니다. 클래스가 적용된 후 인라인 스타일을 적용하면 클래스 스타일에 인라인 효과가 적용됩니다 http://jsfiddle.net/LhjMz/2/ – Rafay

나중에 알게되었습니다. – Carlos

$("div:eq(1)").removeClass('margn');

하거나

$(".margn:eq(1)").removeClass("margn");

DEMO

출처

2012-03-29 05:11:24 Rafay

왜이 작품은 순수 CSS를 – sandeep

와 함께라면 당신이 JQuery와 태그가 있었다 jQuery를 사용 질문에 추가하여 jquery 솔루션을 제공했습니다. – Rafay

Fr의 기본 규칙입니다. ont 엔드 개발은 항상 CSS에 우선적으로 우선권을 부여합니다. 욕망 결과가 CSS에 의해 달성되지 않으면 JS – sandeep

그냥 스타일 시트에서 할 CSS

에서

#call{ 
    margin: 0; 
}

ID는 항상 클래스 스타일을 재정의합니다.

출처

2012-03-29 05:38:26 VishwaKumar

@amit 나는 대답을 받아 들인다는 것을 알고 있지만 순수한 CSS로 이것을 얻을 수 있습니다. 같이 쓰기 :

.margn { margin-top:20px;} 
#call{margin:0}

확인이 http://jsfiddle.net/7dCcs/2/

또는

#call.margn{margin:0}

확인이 http://jsfiddle.net/7dCcs/1/

출처

2012-03-29 05:53:27 sandeep

두 번째 div에서 여백을 제거 하시겠습니까?

답변

관련 문제