0

noticeクラスで情報を表示しようとしています。

追加してみましcontent:たが、うまくいきません。

.notice {
color:red;
content: "information below are instructions for this method for this page";
}

<div class="notice"></div>

のテキストを?contentに表示できるかどうか疑問に思っていましたdiv。noticeクラスを呼び出すたびに、クラスの内容を実際に表示したいと思いnoticeます。これを行う必要があるページは約 40 ページありますが、すべてのページに入力するだけでよいと考える人もいるかもしれませんが、それinformationはcontent変更部分にあります。

彼らはcssでこれを行う方法ですか?

4

2 に答える 2

0

このcontentプロパティは、:afterおよび:before疑似クラスでのみ機能します。たとえば、次を試してください。

.notice {
color:red;
}
.notice:after{
content: "information below are instructions for this method for this page";
}

<div class="notice"></div>

このフィドルを参照してください

とはいえ、CSS はコンテンツではなくスタイリングのために保持する必要があります。コンテンツは HTML に出力し、使用しているサーバー側の技術 (PHP、Python など) または JS ブリッジのいずれかによって制御する必要があります。

于 2013-11-12T12:27:51.423 に答える