css - ノード値を継承する「コンテンツ」属性

Question

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

同様に、<h2/>タグ値が「ランダムタイトル」に設定されている場合content、CSS の属性内でこの値を取得できますか?

試してみましcontent: inherit;たが、うまくいかないようです。

私の理論の例：

HTML:

<h2>Random title</h2>

CSS:

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

前もって感謝します！

score 17 · Accepted Answer

No, there's no way to do that. That's not what inherit is for.

The closest you can get is this:

<h2 data-title="Random title">Random title</h2>

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

..which is obviously horrible because of the duplication.

score 10 · Accepted Answer

CSS3 には方法がありますcontent: contents;が、(a) 役に立たないように工夫されているようです。(b) おそらくまだどこにも実装されていません。http://dev.w3.org/csswg/css3-content/#contents0を参照

@thirtydotの答えは、少なくとも今のところ正しいです。

2 に答える 2