<style>.aaa:before {content: "あ";}.bbb:before {content: "い";}.ccc:before {content: "う";}</style>
<span class="aaa bbb ccc">...</span>
上記の様なソースだと「う」のみが表示されてしまいます。「あ」「い」「う」全てを表示させる方法はありますか？
スタイルの指定はclassに対して行われるものではなく、要素に対して行われるため、その方法だと、ただ単にスタイルが重複していることになってしまいます。.おっしゃられている仕様を満たすだけならば、.aaa::before { content: ’あいう’ }などとするのみですけれども、多分classによって表示する文字を別々に変えたいのですよね……。.もしかしたら、問題解決のために.aaa::before { content: attr(title) }などの指定が役に立つかもしれません。
ご回答ありがとうございます。ご指摘の通り、cmsで自動的に吐き出されるclassを個別に装飾したいと思ってります。{ content: attr(title) }は知りませんでした…。少し調べてチャレンジしてみます。ありがとうございました！
>「あ」「い」「う」全てを表示させる方法はありますか？ありません。間違った使い方なので、どう頑張っても出来ないのです。最終的に何をしたいかが明確であれば、もしくは、求める回答がつくかもしれませんね。
ありがとうございます。css以外で表現できないか探ってみます！
みんなの回答 2 件
スタイルの指定はclassに対して行われるものではなく、
要素に対して行われるため、
その方法だと、ただ単にスタイルが重複していることになってしまいます。
.
おっしゃられている仕様を満たすだけならば、
.aaa::before { content: ’あいう’ }
などとするのみですけれども、
多分classによって表示する文字を別々に変えたいのですよね……。
.
もしかしたら、問題解決のために
.aaa::before { content: attr(title) }
などの指定が役に立つかもしれません。
>「あ」「い」「う」全てを表示させる方法はありますか？
ありません。
間違った使い方なので、どう頑張っても出来ないのです。
最終的に何をしたいかが明確であれば、もしくは、求める回答がつくかもしれませんね。
関連するトピックス