2009-08-15 15 views

答えて

5

CSS用語では、クラスは完全に停止するセレクタです。

.foo { ... } 

「クラス」のこの使用は、共通の特性を有し、かつ親切で他人から差別や物事の意味「セットまたはカテゴリでよりあるフォーム

<div class="foo"> 

に使用されますOOの用語から借用するのではなく、「品質」である。

擬似クラスは、ユーザエージェントが条件に合ったとき(例えば、:hover:activeなど)のコンテンツを「実質的ではない」と定義しています。 w3c CSS2 selector specから

4

擬似あなたが作成していないためです。ブラウザはそれを「作成」し、その状態にあるときにリンクの外観を変更するように設定することができます。

+0

しかし、それはなぜクラスですか?一度にマウスを動かすことができ、画面の1つの領域しか表示できない場合は、いつでも1つのpしかCSSルールを取得できません。クラスはいくつかの共通グループに属するいくつかの要素を意味するのではなく、クラススタイルルールはそれらすべてがそのルールを継承することを意味しますか? – Anthony

+0

@Anthony:疑似クラスは状態と見なすことができます。状態*ホバー*を持つすべての要素は ':hover'で分類できます。したがって、 'a'要素が状態*ホバー*を得るたびに、それは':hover'で選択することができます。 – Gumbo

1

CSSは、ドキュメントツリーの外側にある情報に基づいて書式設定を可能にするために、擬似要素と擬似クラスの概念を紹介します。

  • 疑似要素は、ドキュメント言語で指定されたものを超えてドキュメントツリーに関する抽象を作成します。例えば、ドキュメント言語は、要素の内容の最初の文字または最初の行にアクセスするためのメカニズムを提供していません。 CSS擬似要素により、スタイルシートデザイナーは、そうでなければアクセスできない情報を参照することができます。擬似要素は、スタイルシートデザイナーに、ソース文書に存在しないコンテンツにスタイルを割り当てる方法を提供してもよい(例えば:beforeおよび:after擬似要素が生成されたコンテンツにアクセスする)。

  • 擬似クラスは、名前、属性、または内容以外の特性で要素を分類します。原則として、文書ツリーから導き出すことができない特性。擬似クラスは、ユーザーがドキュメントとやりとりしている間に要素が擬似クラスを取得したり失ったりするという意味で、動的である場合があります。例外は、ドキュメントツリーから導き出すことができる ':first-child'と、場合によってはドキュメントツリーから推論できる ':lang()'です。

だから、基本的には、擬似クラスは、あなたがにスタイルを付けることができますが、HTMLでそれを自分でプリントアウトしたことがないものです。また、UIとのユーザーのやり取りに応じて、疑似クラスを取得して失う可能性があります。より洗練された要素のルールを可能CSS2/3で

1

(入力のようなもの[タイプ=チェックボックス]など、用語擬似クラスは、より多くの日付と思われる。

しかし、擬似クラスであります属性セレクタを使用すると、ほとんどのブラウザはページ読み込み時のすべての要素の状態になる傾向があり、変更は無視されます。しかし、疑似クラスでは、疑似クラスが真(真実)になったときに実際にスタイルを変更します。

その特定の定義を念頭に置いて、ルールは同じ "状態"を共有するすべての要素に適用されるため、 "クラス"と見なすことができるためクラスですが、それは真ではないため疑似ですまた、「クラス」は、ページが表示されている任意の時点で真である場合とそうでない場合があるためです。

特定のUIベースの擬似クラス(具体的には:hoverと思っています)では、ある時点の1つの要素だけが実際にその「クラス」を持つことができるので興味深いと思います。私の上記の定義に基づく疑似IDです。

関連する問題