3

次の形式で AJAX を介して返される出力があります ( #the-poll-optionsAJAX が挿入されるコンテナーです)。

<div id="the-poll-options">
    <div class="error-output">
        <p>Blah, blah, bla, etc, etc.</p>
    </div>
</div>

エラーを示すために見出しを挿入する必要があります -

<div id="the-poll-options">
    <div class="error-output">
        <h3>An error has occurred</h3>
        <p>Blah, blah, bla, etc, etc.</p>
    </div>
</div>

これを行うために、次の CSS を使用しました。これはある程度機能しますが、実際に<h3>An error has occurred</h3>は HTML として解釈するのではなく、 を出力します。

#the-poll-options .error-output:before{
    content: '<h3>An error has occured</h3>';
}

JS を使用せずに純粋な CSS でこれを行うことは可能ですか? AJAX 呼び出しによって返される HTML は変更できないことに注意してください。ありがとう。

4

4 に答える 4

1

そこにを作成することはできませんが、以前のようにフォーマットするh3ことはできます。ただし、すべてのフォーマット規則を繰り返す必要があります。h3

#the-poll-options .error-output:before{
    content: 'An error has occured';
    font-weight: bold;
    font-size: 14px;
    color: red;
    ...
}

この:beforeクラス内のスタイル定義は、追加されたコンテンツに適用されます。

于 2013-10-23T15:47:08.727 に答える
0

できません。ではcontent、テキストのみを追加できます。役立つと思われる同様の質問を次に示します: LINK

于 2013-10-23T15:42:04.880 に答える