css 疑似クラス、疑似要素_html/css_WEB-ITnose

疑似クラスは、次のような要素全体に適用されます:

a:link{color:#111;}

div: first-child{color:#333;}

ただし、これらの条件は DOM に基づいていません、結果はリンク全体、段落、div などの完全な要素には適用されません。

疑似要素は次のように要素の一部に適用されます。

p: :first- line{color:#555;}

p::first-letter{color:#666;}

擬似要素は、要素の一部、段落の最初の行または最初の文字に作用します。

:before は ::before と同じ効果を持ち、前者は css2 で書かれ、後者は css3 で書かれます

機能 1:

:before と :after は、純粋な CSS 設計の複雑さを増大させることができます。不要なタグがある場合は、疑似要素を使用してスタイル可能な要素やレイヤーを追加できます。たとえば、電話番号のフォントの前に電話アイコンを追加したい場合は、次のようにすることができます:

.phonenumber: Before {

content: "☎" ";

： ： ：:

/ * モデルブラウザ用 * /

.cf: beface, .cf: after {

content: "" "";

display: table; After {

le Clear: Both;

/ * IE 6/7 用 (トリガー Haslayout) */

.cf {

ズーム: 1; マージンはマージされ、:after はフロートをクリアするために使用されます