2011-08-24 15 views
8

ノード値をcontent属性に継承する方法はありますか?ノード値を継承する 'content'属性

<h2/>タグ値を「ランダムタイトル」に設定した場合、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); 
} 

ため重複の明らかに恐ろしいです..which。

+0

Doh、それは悲しいです。 :( – jolt

+0

このようにUnicode文字コードを "継承"する場合は、 '&#x [code];'というHTML文字エスケープ形式を使用する必要があります。例えば、 '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

関連する問題