컨테이너 DIV에서 모든 CSS 재정의를 중지하는 방법?

Question

북마크 렛을 사용하여 외부 웹 사이트에 추가하는 컨테이너 div가 있는데,이 div에는 일부 요소가 포함되어 있고 각 요소에는 인라인 스타일이 있지만 문제는 내가 외부 사이트에 넣을 때가끔 있습니다. 사이트 CSS의 스타일을 재정의합니다.

이 div에서 재정의를 중지 할 수있는 방법이 있습니까?

Answer 1

div 내에 올바르게 CSS를 표시 할 수 있도록 요소 내에 CSS 속성을 정의 할 수 있습니다.

<div style="margin:0;border:1px solid red;"> 

또는 div div와 함께 CSS 스타일을 추가로 제공 할 수도 있습니다.

"외부"사이트에 CSS 글로벌 규칙이있는 경우 고통을 느낍니다. 예 :

ul (margin-left: 5px; } 

내가 할 수있는 최선책은 내 div id에 대해 이러한 모든 것을 재설정하는 것입니다.

UPDATE :

예, 나는 그가 인라인 스타일을 가지고 있지만 문제가 전역 규칙에 의해 발생되는 것으로 알고 있습니다. 그래서 예. @Amr ElGarhy의 사업부가 UL을 보유하고 있다면, 모두 5px의 왼쪽 여백을 갖게됩니다 (위에서 예시 한 것처럼). Amr ElGarhy는 인라인 스타일에서도이 여백을 재설정해야합니다.

Answer 2

호스트 사이트의 CSS 속성은 입니다. 중요주의 사항 (색상 : 빨간색! 중요;)으로 정의되어 있어야합니다.

또는 JavaScript (jQuery)를 사용하여 DIV에 스타일을 추가 할 수 있습니다. 스타일을 추가했는지 여부를 결정할 수 있도록 DIV에 스타일이 이미 있는지 확인할 수 있습니다.

Answer 3

! 중요한 사이트가 호스팅 사이트에서 사용 된 경우 인라인 스타일로 축소됩니다 (다시 불량)하지만 어이.

그렇지 않은 경우 다른 포스터처럼 당신이 오버 타고 시도의 예는 말했다 :

ul (margin-left: 5px; } 

그때 당신은 단순히 그들의 즉보다 스타일이 무겁다 확인하기 위해 선택 가중치를 사용할 수 있습니다

#mycontainingDivElement ul { blah:blah } 

스타일이 더 수준이 (다른 무게 클래스 선택기 대 ID를 즉이 CSS에서 어떤 일 주)는 CSS를 시트 순서에 관계없이 위치에 사용됩니다 때문에