CSSにおける疑似クラスと疑似オブジェクトは何を意味しますか-フロントエンドQ&A-php.cn

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

WBOY

リリース： 2022-04-27 18:19:03

オリジナル

2160 人が閲覧しました

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 サイトの他の関連記事を参照してください。