CSS/HTML - 부모로부터 자식에게 스타일을 강제로 지정합니다.

Question

font-family:Tahoma 인 콘텐츠 div가 있습니다. 사용자가 게시물 클링크를 클릭하면 아약스 코드는 해당 게시물의 내용을 가져 와서 특정 div에 넣습니다.

정상적인 상황 (링크를 클릭하기 전)에서 콘텐츠는 Tahoma 글꼴로 표시됩니다. ajax가 호출되고 새로운 콘텐츠가 다른 글꼴 및 크기로 표시되면 문제가 나타납니다.

새로운 인쇄물을 원하는 글꼴 모음 (Tahoma)으로 만들려면 어떻게해야합니까? 의미는 상위 글꼴을 상속합니다. http://jsfiddle.net/KZAVd/

이 (방화범을 사용하여 검사) 게시물을 클릭 한 후 발생하는 것입니다 : 여기

내 HTML 코드입니다 명시 적으로, 다른 설정되어하지 않는 한 http://jsfiddle.net/KZAVd/3/

Answer 1

AJAX의 모든 평범한 작업을 직접 처리 할 필요가 없습니다. jquery가 수행하게하지 마십시오.

function ajaxFunctionFinal(id, title, content) 
{ 
    var queryString = "?post_id=" + id + "&ts=" + new Date().getTime(); 

    $.ajax({ 
     url: "fetch.php" + queryString, 
     complete: function(data){ 
      $("#post_more").html(data.responseText) 
       .find('*').removeAttr("style"); 
      $("#post_content").html(content); 
      $("#post_title").html(title); 
      InlineMp3(); 
     } 
    }); 
} 

당신에게 특별한 관심의 라인은 새로 삽입 된 컨텐츠의 모든 자손을 잡아 때문에 그들과 함께 제공된 인라인 스타일을 분쇄하고 CSS를 완벽하게 제어 할 수 있도록, 자신의 스타일 속성을 던져 것 .find('*').removeAttr("style");입니다.

ps : 분명히 테스트 할 수 없으므로 아무 문제없이 의견을 말하거나 가져 오기위한 전체 url을 게시하십시오.PHP는 내가 당신과 테스트 할 수 있도록 (개인 정보가없는 경우)

Answer 2

글꼴 가족을 상속 요소 그것의 부모 요소에서. Firebug 또는 유사한 도구를 사용하면 스타일이 어디에서 왔는지 정확하게 볼 수 있습니다.

Answer 3

게시물 링크를 클릭 할 때로드하는 내용에 따라로드 후 스타일을 지정하지 않고 게시물 자체를 스타일링 해보십시오.

Answer 4

전체 페이지가 필요한 경우 body 태그를 사용해보십시오. body { font-family : Tahoma; } 난 당신이 아약스 내용을 확인하기 전에 무엇인지와 같은 곳으로 가고 있는지 확인 명시 적으로 아이의 글꼴 가족을 설정

Answer 5

을 찾기 위해 노력할 것입니다.

및/또는

B. 설정 div.content, div.content *{font-family:Tahoma}

당신은 콘텐츠 DIV에게 다음 클래스 줄 수

Answer 6

A.이 필요합니다 다른 방법

Answer 7

: 이것처럼

.content * { 
    font-family:Tahoma !important; 
} 

:

이

<div class="content"> 
    ...ajax content... 
</div> 

이 어떤 강제를 자식 요소는 항상 Tahoma 글꼴을가집니다.