2011-08-24 2 views
8

content 속성에 노드 값을 상속하는 방법이 있습니까?노드 값을 상속하는 'content'속성

마찬가지로 <h2/> 태그 값이 "Random title"으로 설정된 경우 CSS의 content 속성에서이 값을 얻을 수 있습니까?

나는 content: inherit;을 시도했지만 작동하지 않는 것 같습니다.

내 이론의 예 :

HTML :

<h2>Random title</h2> 

CSS : 사전에

h2:after { 
    content: inherit; /* should be "Random title" */ 
} 

감사합니다!

+0

텍스트를 미러링하려는 경우'text-shadow : black 20em 0 0; –

답변

13

아니요, 그렇게 할 방법이 없습니다. 그게 아니야 inherit is for.

당신이 얻을 수있는 가장 가까운 이것이다 :

때문에 중복으로 분명히 끔찍 요식
<h2 data-title="Random title">Random title</h2> 

h2:after { 
    content: attr(data-title); 
} 

.

+0

Doh, 슬픈 일을 사용할 수 있습니다. :( – jolt

+0

이런 식으로 유니 코드 문자 코드를 "상속 받기"를 원한다면 HTML 문자 이스케이프 형식 인'& # x [code];'를 사용해야합니다 (예 :'data-title = "& # xe001; "'.IcoMoon과 같은 글꼴 기반 아이콘을 사용할 때 유용합니다 – Boaz

7

CSS3에는 방법이 있습니다. content: contents; 그러나 (a) 유용하지 않은 방식으로 고안된 것 같습니다. (b) 아마도 아직 어느 곳에서도 구현되지 않았을 것입니다. http://dev.w3.org/csswg/css3-content/#contents0

@ thirtydot의 답변은 지금은 정확한 내용입니다.

+0

'content : contents; '가 지원 될 때까지 기다릴 수 없습니다! – allicarn

+0

확실히이 기능이 필요합니다! – zur4ik