ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSの擬似要素の機能は何ですか

CSSの擬似要素の機能は何ですか

王林
リリース: 2020-07-20 17:20:24
転載
4052 人が閲覧しました

CSSの擬似要素の機能は何ですか

疑似要素を使用すると、セレクターに特殊効果を追加できます。

(推奨チュートリアル: css クイック スタート )

文法:

selector:pseudo-element {property:value;}
ログイン後にコピー

例:

1, "first-line"擬似要素は、テキストの最初の行に特別なスタイルを設定するために使用されます。

次のコードでは、ブラウザは「first-line」疑似要素のスタイルに従って p 要素のテキストの最初の行をフォーマットします:

p:first-line {
    color:#ff0000;    
    font-variant:small-caps;
    }
ログイン後にコピー

注: "first -line" 疑似要素はブロックレベルの要素でのみ使用できます。

2.「first-letter」擬似要素は、テキストの最初の文字に特別なスタイルを設定するために使用されます:

p:first-letter {
    color:#ff0000;    
    font-size:xx-large;
    }
ログイン後にコピー

以上がCSSの擬似要素の機能は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート