css : 다른 페이지 스타일에서 div 요소를 분리하십시오.

페이지에 div 요소 (및 기타 요소)를 추가하는 브라우저 확장이 있습니다. 페이지 스타일이 추가 된 요소 내 스타일에 영향을 미치지 않는지 확인하는 방법이 있습니까?css : 다른 페이지 스타일에서 div 요소를 분리하십시오.

나는 iframe으로 간주했지만 추가 호출을하지 않는 것이 좋습니다. 필자가 추가 한 정보는 기본 텍스트 및 링크 일지라도 모든 가능한 스타일을 덮어 쓰는 것을 잊지 마십시오.

출처

2013-07-03 user984003

div 요소는 어디에 추가됩니까? 한 가지 방법은 div의 모든 기본 페이지 내용을 래핑 한 다음 각 스타일을 해당 래퍼 div에만 적용시키는 것입니다. –

메인 페이지 나 CSS (물론, 일부는 js이지만, 선호하지는 않음)는 제어 할 수 없습니다. 내 div 오른쪽 상단에 절대 위치해야합니다. – user984003

새 div가 어떻게 추가됩니까? –

나는 당신이 모든 스타일을 사용하지 않기를 바란다는 것을 알았지 만 다른 사람들을 돕기 위해 여기에 언급해야한다고 생각했습니다. 기본적으로 이것은 상속 된/미리 정의 된 속성을 제거 할 수있는 클래스입니다. 제외시키려는 요소에 클래스를 추가하기 만하면됩니다.

.reset { 
    background:none; 
    border:none; 
    bottom:auto; 
    clear:none; 
    cursor:default; 
    float:none; 
    font-size:medium; 
    font-style:normal; 
    font-weight:normal; 
    height:auto; 
    left:auto; 
    letter-spacing:normal; 
    line-height:normal; 
    max-height:none; 
    max-width:none; 
    min-height:0; 
    min-width:0; 
    overflow:visible; 
    position:static; 
    right:auto; 
    text-align:left; 
    text-decoration:none; 
    text-indent:0; 
    text-transform:none; 
    top:auto; 
    visibility:visible; 
    white-space:normal; 
    width:auto; 
    z-index:auto; 
}

지금 그냥 "다시"를 추가하고 정상으로 다시 설정해야합니다 예를 들면 다음과 같습니다. 그런 다음 해당 행 아래에 스타일을 정의 할 수 있으며 재설정 된 클래스의 스타일을 덮어 씁니다.

재설정 클래스에 와일드 카드 선택기를 추가하여 요소의 하위 항목도 대상으로 지정할 수 있습니다.

.reset, 
.reset * { /*...etc */ }

참고 : Wildcards are supported by IE8+, 당신은 IE7 이하에서 작업하는 경우, 그래서 - 아니 주사위입니다.

출처

2013-07-03 18:56:09

css : 다른 페이지 스타일에서 div 요소를 분리하십시오.

답변

관련 문제