CSS 재정의에 문제가 있습니까?

CSS 무시에 대한 많은 게시물을 발견했지만 여전히 물어볼 필요가 있습니다. 이 문제가 있습니다. 내 워드 프레스 테마 링크에서, 버튼, 피, div, ... 요소가 정의되어 있지만, 내 div 상자에서 이전에 정의 된 모든 값을 재정의해야합니다. 지우려면 클릭하십시오. 여기 어떻게 할 수 있습니까? 내 DIV 상자CSS 재정의에 문제가 있습니까?

<div class="nBox"> 
    <div id="skr" class="newsBox scrollable"> 
     <div class="items"> 

     <div class="this-one"> 

     I here load programmaticly text from Tinymce editor, 
     with tags and his own defined styles and values. 

     </div>

의 구조는 잘 작동 나의 div.this - 하나 everythings에 있으므로, 이전의 정의 스타일을 취소하는 방법이있다.

출처

2010-04-06 user147

더 높은 가중치를 가진 선택기를 만들면 이전 스타일을 덮어 쓰게됩니다. 이전에 설정 한 모든 규칙을 실제로 무시해야합니다.

.nBox .this-one { 
padding:0; 
margin:0; 
.... 
}

ID로 재정의 할 수도 있습니다. ID는 클래스보다 가중치가 높지만 메모 ID는 고유해야합니다.

여기 당신이 그것에 대해 조금 읽을 수 있습니다 http://www.webteacher.ws/2008/05/19/tip-calculate-the-specificity-of-css-selectors/

출처

2010-04-06 13:12:31 easwee

Tnx 해결책을 시도해 보겠습니다. – user147

div 태그에 iframe을로드하는 것은 중요합니다. 유일한 해결책은 div 태그에 넣습니다. – user147

TinyMCE에이 페이지의 스타일에 의해 영향을받을 안되는 iframe에 살고 있습니다. 이 작업을 수행해야하는 경우 CSS 스타일 시트를 찾은 다음 스타일 시트의 각 규칙 앞에 div.items<space>을 넣으십시오 (물론 본문 수준 규칙을 제거하십시오).

출처

2010-04-06 13:12:35

편집기는 iframe에 있으며 페이지의로드 된 콘텐츠가 아닙니다. – easwee

아니요, 아니요, 나는 모든 태그가있는 데이터베이스에 tinymce의 텍스트를 저장합니다. 나중에 div.Text에로드하는 것은 tinymce에서 저장하고 나중에는 그다지 사용하지 않습니다. – user147

나는 어떤 방법을 모르겠다. style: none이라고 말하면 요소가 상속 한 모든 가능한 스타일 규칙을 무효화 할 수 있습니다. 하지만, 당신은 몇 가지 간단한 규칙을 대부분의 문제 돌볼 수있는 폰트/텍스트, 색상, 또는 여백/패딩과 관련이있을 예정 닦아 싶은 가장 일 이후 :

.this-one { 
    margin: 0; !important 
    padding: 0;!important 
    font: none;!important 
    background: none;!important 
}

그런 다음 설정 당신이 원하는 가치.

출처

2010-04-06 13:14:27 Anthony

중요한 부분은 알고 있지만 텍스트가 div에로드 될 때 일부 경우 p, ol, ul, li, ... 및 기타 태그가 포함됩니다. 모든 태그에 대해 imporatan을 작성하는 것은 좋은 해결책이 아닙니다. – user147

CSS 재정의에 문제가 있습니까?

답변

관련 문제