Safari 4에서 'content'의 css 속성을 가져올 수 없습니다.

Question

Firefox3.1이 테스트 요소에서 'content'값을 반환하는 이유를 알아내는 데 가장 열심히 노력하고 있습니다. Safari 4는 그렇지 않습니다.

내 샘플 페이지는 설정 같은 :

<style> 
#asd{ 
content: 'test'; 
} 
</style> 

<div id="asd"> 
Bleh 
</div> 

그리고 내 JS가 getComputedStyle을 사용하고 있습니다. 이 "배경 색"와 같은 다른 속성이 아닌 "콘텐츠"를 작동 : 전 :

if(window.getComputedStyle){ 
    var thestyle = window.getComputedStyle(document.getElementById('asd'), ''); 
    alert(thestyle.getPropertyValue('content')); 
} 

가, 의사 요소 선택기에 대한 자세한 제한 사파리 후? 필자는 다음과 같이 테스트했습니다. after와 that 또한 실패합니다. 반면 FF는 데이터를 반환합니다. 그것을 밖으로이 라인은 모든 문제를 해결할 수 있습니다

Answer 1

Safari는 : before 및 : after 가상 엘레멘트에서만 content 속성을 지원합니다.

Answer 2

점검 : 그 단순한 실수라고 추측하고있어

<div id="asd"> 

하지만, 당신을 명확히하기 위해 :

는

<div id="#asd"> 

는이 있어야하지 요소 id의 이름에 #을 포함 할 필요는 없습니다.

또한 파이어 폭스가이 문제를 무시하고이를 보완한다고 생각합니다. 사파리는 코드를 구현할 때 더 엄격 할 수 있으므로 보상하지 않습니다.