それは新しい一週間で、今週は新シリーズ始めました- どのようにCSS3の擬似クラスを使用する方法を。
擬似クラス(疑似クラス)、ほとんどのWebデザイナーのために、それが弱点です。多くの場合、擬似クラスを持つ擬似クラスについての混乱のすべての種類は、適切に使用すれば、乗数効果を達成することができます生み出します。最新のCSS3標準規格では、それは、擬似クラスの16種類を示しています私たちのための新しい標準を選択する強力な方法を提供します。
まず今CSSの擬似クラスの歴史的起源をご紹介することです。
擬似クラスの歴史
CSS1標準が1996年に完成した、それが今日のほぼ毎日の使用まで擬似クラスの数を含んでいます。たとえば
:リンク
:訪問
:ホバー
:アクティブ
これらの状態は、任意の要素で使用されるが、通常使用することができ、それ以来、この擬似クラスを使用して呼ばれています。あなたはこれらのまだ早いHTML4標準の開発で、想像しなければならない、とHTML4は、1997年12月に発売されたされています。
CSS2は来る
CSS2 CSS1はペースを維持し、月に2年後の1998年にリリースされました。擬似クラスのエキサイティングなポジションであり一緒に表示されます
:まず、子供
:LANG()大列 (a)はCSS3の擬似クラスを使用する方法
- :LANG
HTML5での言語ファイルを表現する多くの方法がありますが、それを定義することができます。あなたのサイトは、言語のダイナミックな変革を持つ国への国と異なる場合、今あなたが使用することができます。LANG(EN)。 - :第一子
、あなたは、この選択方法を使用している場合があります。通常、追加したり(ボーダー)のリストの最初の要素の境界線を削除するために使用されるが、CSS2で、これに対応していませんでした:CSS3まで、これらの2人の兄弟が会うことができた、最後の子。
なぜ擬似クラスを使用
疑似クラススタイルが理由の一つは、とても便利です作るその、あなたのコンテンツが動的に変化させることができます。では、タグ、リンクを持つユーザーとの対話は、異なる表示状態を持つことができるとき。新しい擬似クラスは、その位置やステータス動的変換形態に基づいてコンテンツを記録することができます。
ではCSS勧告案、合計16の4つのカテゴリーに分け、新たな擬似クラス、導入されました:構造擬似クラスを、UI要素は、擬似クラス、擬似クラスのゴール、否定擬似クラスを述べています。
これはシリーズは、私が詳細に一つずつこれらの16の新しい擬似クラスを導入しましたので、ご期待次回まで、今始まるとみなされています。