[解決済み] :後 vs. ::後
2022-05-12 03:46:42
質問
CSS 2.1 の
:after
と CSS 3 の
::after
擬似セレクタ(
::after
が古いブラウザーでサポートされていないこと以外に)? 新しい仕様を使用する実用的な理由はあるのでしょうか?
どのように解決するのですか?
擬似的なものです。 クラス vs 擬似 要素 の区別がつきます。
を除いて
::first-line
,
::first-letter
,
::before
と
::after
(これは少し前からあるもので、IE8サポートが必要な場合はシングルコロンで使用できます)、擬似的な
要素
が必要です。
ダブルコロン
擬似クラス
は実際の要素そのものを選択するので
:first-child
または
:nth-of-type(n)
を選択する場合、最初のまたは特定の
<p>
を選択するために使用します。
(のような実際の要素の状態も
:hover
と
:focus
.)
擬似要素
のような要素のサブパートをターゲットとします。
::first-line
または
::first-letter
など、それ自体が要素ではないものです。
実は、より良い説明はこちらです。
http://bricss.net/post/10768584657/know-your-lingo-pseudo-class-vs-pseudo-element
こちらもどうぞ。
http://www.evotech.net/blog/2007/05/after-v-after-what-is-double-colon-notation/
関連
-
[CSSチュートリアル】シングルセレクトの折りたたみメニュー機能を実現するCSS
-
[css3]CSS3遷移回転遠近法2D3Dアニメーションなどの効果を持つサンプルコード
-
[CSSチュートリアル】CSS複合セレクタの具体的な使用方法
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] javascript(またはjQuery)を使って::beforeや::afterなどのCSS疑似要素を選択し、操作する。
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] 入力フィールドに :before や :after 疑似要素を使用できますか?
-
[解決済み] CSSの爆発を管理する
-
[解決済み] なぜブラウザはCSSセレクタを右から左へマッチングさせるのですか?
-
[解決済み】:afterと:hoverの組み合わせ
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】Pure CSSカスタム複数行抜け問題(原理から実装まで)
-
[CSSチュートリアル]CSSは、2列のレイアウト、固定幅の左側、適応するためのさまざまな方法の右側を達成するために
-
[css3]ピュアCSS3でdivのinとoutの効果を順番に実現する
-
[css3]css3は、背景画像の色を変更するためのさまざまな方法を実現するために
-
[CSSチュートリアル】CSSで炎のエフェクトを記述する方法
-
[css3] scss変数の値を実行時に変更するcss3 var()の使用方法を説明します。
-
[css3]Apple携帯電話のロック解除のためのCSS3サンプルフォントシャインエフェクト
-
[css3] CSS3を使ってヘッダーアニメーション効果を作成する
-
[CSSチュートリアル】CSSプリグラミング言語と詳細解説の違いについて
-
[CSSチュートリアル]ドラッグ&ドロップ効果を実現するピュアCSSコード