CSS-擬似クラスと擬似要素の概要とセレクタ指定について | みずかず
CSS-擬似クラスと擬似要素の概要とセレクタ指定について 擬似クラスと擬似要素おさらい。 擬似クラス 特定の状態にある要素にスタイルを適用するもの。 :link や :hoverなど。 擬似要素 要素の一部にスタイルを適用するもの。 要素の一行目や一文字目にスタイルを指定したり、 要素の前後にテキストや画像などを挿入することが出来る。 ::before や ::after など。 css3以前はコロン（:）１つだったが、css3から擬似クラスと擬似要素を明確にするためコロン（::）２つに変更された。 多くのブラウザでは前記法のコロン1つ（:）でも使える。 CSS対応ブラウザ確認はcaniuse.com/へ
:before, :after擬似要素 の使い方を基本からマスターするためのチュートリアル | コリス
擬似要素はCSS1から存在するもので、ここで解説する「:before, :after擬似要素」はCSS2.1でリリースされたものです。 CSS1では「:first-letter, :first-line」です。 擬似クラス、擬似要素 擬似要素の記述は一つのコロンを使用し、「:before, :after」となります。 コロンを使用するものは他に、「:hover」などの擬似クラス、CSS3ではコロンを二つにした「::before, ::after」などがあります。 サポートブラウザブラウザ 「:before, :after擬似要素」をサポートするブラウザは下記の通りです。 IE8+ Firefox3.5+ Chrome Safari4+ Opera6+ IE8+とすべてのモダンブラウザと言ってよいでしょう。 非サポートブラウザへの対応 IE7にも「:before, :after擬似要素」を利
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
