CSSセレクタのいくつかの話題

1030 ワード

テキストリンク

CSSにはいくつかのトピックがあります.それらを知ることで、より効率的にCSSを書くことができます.それは直接あなたのスキルとレベルをあなたを高めるでしょう.今日は3つのトピックについて説明します.

CSS擬似クラス

CSS擬似要素
CSS擬似クラス:擬似クラスセレクタを使用して、特定の状態にある要素を選択します.これを使用することで、スタイルを変更することで状態を変更することができます.
最も一般的に使われる擬似クラスはアクティブ、ホバーなどです.
文法

selector: pseudo-class {
        property: value;
    }

擬似クラスでは、セレクタの後にコロン(:)を使用します.
例:

CSS擬似要素:擬似要素セレクタは、要素のスタイル特定の部分で特に使用されています.これを使用することで、スタイルを変更することによって、特定の部分の状態を変更することができます.
最も一般的に使用される擬似要素は、前、後などです.
文法

selector:: before {
        property: value;
    }

擬似要素では、セレクタの後に2つのcolons (::)を使います.
例:

この問題について(CSSセレクタのいくつかの話題), 我々は、より多くの情報をここで見つけました https://dev.to/asrafulislam/some-advanced-topic-of-css-css-selectors-549e

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol