php - PHP で作成された動的 html のスタイルを設定する方法

Question

私のphpページは動的htmlを生成します。

以下は出力です。

<label class="required">suject *</label>

残念ながら、私はhtmlを編集することはできません

ここで、「*」を赤色で表示する必要があります。

そのためのcssをどのように書くことができますか？

score 2 · Accepted Answer

CSS では、要素 (およびなどの限られた数の疑似要素) を選択できます:first-line。

「最後の文字」、「一致する文字」、*または目的を達成可能にする他のものを選択する方法はありません。

DOM を変更する必要があります。これを行う最も簡単な方法は、生成元の HTML を変更することです。ハックなアプローチは、ロード後に JavaScript で変更することです。

score 1 · Accepted Answer

これは、Terry の回答に基づいています。単純に使用:afterして効果をシミュレートし、そのコンテンツを生成された HTML の上に配置できます。

label.required:after {
    content: '*';
    color: red;
    background:white;
    position: relative;
    left: -8px;
}

4 に答える 4