ホームページ > 記事 > ウェブフロントエンド > css3 属性の二重コロンは何を表しますか?
css3 属性の二重コロンは、その属性が疑似要素セレクターであることを示します。これは、DOM ツリーにないいくつかの要素を作成し、それらの要素にスタイルを追加するために使用されるセレクターです。 CSS3 の擬似要素には、「::after」、「::before」、「::first-letter」、「::first-line」などが含まれます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
css3 属性内の二重コロンは、その属性が疑似要素セレクターであることを示します。
擬似要素とは何ですか?
擬似要素は、文字通り「偽の要素」または「偽装された要素」として理解されます。実際、このように理解できます。疑似要素は実際には仮想要素です。要素は (コード形式では) 存在せず、ドキュメント内で見つけることもできないため、疑似要素は仮想要素です。
疑似要素は、DOM ツリーにないいくつかの要素を作成し、それらにスタイルを追加するために使用されるセレクターです。
疑似要素を使用すると、要素の ID やクラス属性に頼ることなく、選択した要素の特定の部分のスタイルを定義できます。たとえば、擬似要素を使用して、段落の最初の文字のスタイルを設定したり、要素の前後にコンテンツを挿入したりできます。
CSS は、次の表に示すように、一連の擬似要素を提供します。
擬似要素 | 例 | 例の説明 |
---|---|---|
::after | p::after | 各 要素の後に挿入コンテンツ |
::before | p::before | コンテンツ |
p::first-letter | 各 | |
p::first-line | 各 | |
p::selection | ユーザーが選択した要素の部分と一致します | |
input:: placeholder | 各フォーム入力ボックス ( など) のプレースホルダー属性と一致します |
以上がcss3 属性の二重コロンは何を表しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。