[CSS] :: before / :: afterセレクタに改行/特殊文字を入力する

Last Updated: 2023 年 07 月 16 日 1のコメント

CSSで :: before 選択は、選択した要素のコンテンツの前にコンテンツを挿入します。 そして :: after 選択は、選択した要素のコンテンツの後にコンテンツを挿入します。

예:

p::after {
content: " - 더 읽기";
}

この場合、すべて要素の後に「--read」というコンテンツが追加されます。 それから :: before, :: after 仮想要素のコンテンツ内に改行(Line-break)はどのように追加することができますか? 次のような形式を使用すると、改行を挿入することができます。

#elementname::after {
content:"라인 1 \A 라인2 ";
white-space: pre; /* 또는 pre-wrap */
}

他にもCSSでの特殊記号を使用することができます。 以下のサイトから CSSで使用可能な特殊記号 リストを確認することができます。

§ WordPressユーザーCSSコードを追加する方法は、 ここを参照してください。


1のコメント

コメント