내 페이지의 div에 헤더 ID가 있어야하지만 사이트의 특성상 제 3 자 코드가 페이지에로드되어야하므로 헤더 div가 영향을받지 않기를 원합니다. #header {}를 통해 명시 적으로 정의 된 CSS가 아닌 다른 CSS에 의해div가 다른 CSS 규칙의 영향을받지 못하도록 차단
가능합니까? 나는 iframe을 사용하여 그것을 구분하거나 그와 같은 것을 사용하지 않을 것입니다.
!important으로 보호하려는 모든 속성을 재정의 할 것이다 당신는 #header위한 리셋 규칙을 설정해야
.. 기본적인 보호 될 것
, 그러나 그것은 여전히 오버라이드 될 수 있습니다. 의도적으로 오버라이드 (override)하려는 시도로부터 그것을 완전히 보호 할 수있는 방법은 없습니다. 만약 실수로부터 그것을 보호하려고 시도한다면, 정말로 애매한 클래스 네임을 추가하고 클래스에서 그것을 스타일링하고 id 선택자가 아닌 ...보장하기 위해 일종의 CSS 재설정이 필요할 것입니다. 에서와 마찬가지로, 영향을 줄 수있는 모든 것을 생각하고 먼저 기본값으로 설정하십시오.
사이트의 CSS 모양에 따라 복잡해질 수 있습니다. #header {}의 내용에 영향을 미치지 않는 방식으로 CSS를 리팩토링하는 것이 좋습니다.
흠, 괜찮아. 고맙다. – jesus
CSS 규칙에는 우선 순위가 있습니다. ! important 및 id 기반 규칙이 가장 우선시되므로 id가 고유하다는 것을 보장 할 수 있다면 큰 문제는 없을 것입니다. 빠른 google 검색 결과는 http://hungred.com/useful-information/css-priority-order-tips-tricks/입니다. 나는 실제 URL을 생각할 수 없다.
잘 모르겠습니다. 문제가 무엇인지 압니다. id로 정의하면 #header 정의를받는 유일한 요소가됩니다. 다른 CSS에 어떤 영향을 줄 수 있다고 생각하십니까? 요소 기반 CSS 정의 (예 : div, p, a, img 등)를 사용하고 있습니까? – dclowd9901