初心者向けのCSS擬似要素.

このポストでは、CSS擬似要素について学びます.
この記事を読む前に、前の記事を読んでください.
CSSの擬似要素は、通常のCSSプロパティではできない機能をいくつか提供します.
例えば、ボタンを押すと効果が出ます.button:hover { } 適用する必要のあるCSSプロパティを指定します.
CSS擬似要素のリストはこちらをご覧ください.

:前に.

:その後.

以下は擬似クラスです.

:アクティブ.

ホバー.

:フォーカス.

CSS Combinatorセレクタと擬似クラスは他の記事で議論されます、そして、関連は下で与えられます.

前と後に

前の要素は、要素の前の場所、後に要素の後の場所を指定します.
これらの擬似要素の助けを借りて前後にコンテンツを挿入することができます.
擬似要素を適用する前に

適用後:擬似要素の前と後に.

CSSコードです.

.pseudo::before{

content:'something before';
font-weight: 600;
font-size: 20px;

}
.pseudo::after{

content:'something after';
font-weight: 600;
font-size: 20px;

}

そして、どのように簡単にあなたのCSSのワークフローの要素の前後に擬似を使用することができます

読んでくれてありがとう！

この記事のような場合は、ユニコーンこの1!ハート/これのように、後でそれを読むためにそれを保存します.

その他