ホームページ  >  記事  >  ウェブフロントエンド  >  CSSにおける疑似クラスと疑似オブジェクトは何を意味しますか

CSSにおける疑似クラスと疑似オブジェクトは何を意味しますか

WBOY
WBOYオリジナル
2022-04-27 18:19:032145ブラウズ

CSS では、疑似クラスは要素の特別な状態を定義することを意味します。セレクターの特殊効果 (CSS 組み込みクラスによって提供される機能や機能) を追加できます。疑似オブジェクトは特殊効果です。特定のセレクターに追加するということは、実際の要素を追加することで効果を実現できることを意味します。

CSSにおける疑似クラスと疑似オブジェクトは何を意味しますか

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css における擬似クラスと擬似オブジェクトの意味

擬似クラス

css 擬似クラスは定義に使用されます。要素の特別なステータス

CSS 疑似クラスは、セレクターに特殊効果を追加するために使用されます。

説明: 疑似クラスは動的であるように感じられます。ユーザーがドキュメントを操作するときに、要素は疑似クラスを取得したり、失ったりする可能性があります。例外は、ドキュメント ツリーから推論できる「:first-child」と、ドキュメント ツリーから推論される場合がある「:lang」です。

その機能はクラスに似ていることがわかりますが、ドキュメントの外部での抽象化に基づいているため、疑似クラスと呼ばれます。 [1]

疑似クラスには、:first-child、:link:、visited、:hover:、:active、:focus、:lang、:right、:left、:first

## が含まれます。 #疑似クラスとは何ですか? それは CSS の組み込みクラスです。CSS 自体がそれにいくつかの特性と機能を与えます。つまり、class=... や id=... は必要なく、次のようにすることができます。直接使用してください。もちろん、変更することもできます。次のような一部の属性: a:link{color:#FF0000;}

CSS の提案の多くはブラウザーでサポートされていませんが、4 つの疑似クラスがありますハイパーリンクで安全に使用できます。

擬似クラスの構文:

selector:pseudo-class {
  property: value;
}

擬似オブジェクト

擬似要素: 特定のセレクターに特殊効果を追加するために使用されます

css pseudo 要素は要素の子要素を表します。この子要素は論理的には存在しますが、ドキュメント ツリーには実際には存在しません。

疑似要素は、ドキュメント ツリーにないいくつかの要素を作成し、それらにスタイルを追加するために使用されます。実際、擬似要素は、特定の要素の前後にある通常のセレクターでは実行できないものです。コントロールの内容は要素と同じですが、それ自体は要素に基づく抽象化であり、ドキュメント構造には存在しません。たとえば、:before を使用して要素の前にテキストを追加し、このテキストにスタイルを追加できます。

疑似要素の構文:

selector::pseudo-element{property:value;}
标签:伪元素{性质:值;}

CSS クラスは疑似要素でも使用できます:

selector.class::pseudo-element{property:value;}
标签类:伪元素{性质:值;}

(学習ビデオ共有:

css ビデオ チュートリアル )

以上がCSSにおける疑似クラスと疑似オブジェクトは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。