擬似クラスと擬似要素、レビュー

常にポイントを再度見直し、プロジェクトが遭遇した、明確な、そしてこの概念を忘れることは容易ではありません

問題

1.一般的な擬似クラスとは何ですか?擬似要素?

どのように心を:
4擬似要素に加えて、他の人が擬似クラスです

どのような4擬似要素?:前:後:最初の文字:最初の行

伪类
:第一子
:リンク
:訪問
:ホバー
:アクティブ

擬似クラスと擬似要素の間の2差

共通考える:前:後にやっての使用?

より多くの画素、または透明フロートの前後に挿入され、遭遇します

h1:before
  {
  content:url(logo.gif);
  }
<div class="div1">
    <div class="left">Left</div>
    <div class="right">Right</div>
    <div class="clearfloat"></div>
</div>

.clearfix:after{
    content:"";             /*设置内容为空*/
    height:0;               /*高度为0*/
    line-height:0;          /*行高为0*/
    display:block;          /*将文本转为块级元素*/
    visibility:hidden;      /*将元素隐藏*/
    clear:both;             /*清除浮动*/
}
.clearfix{
    zoom:1;                 /*为了兼容IE*/
}

定義:

擬似要素は、ドキュメントツリー外のオブジェクトの作成です。例えば、第1のワード文書または機構は、要素コンテンツの最初の行へのアクセスを提供しません。前と:アクセス後に生成されたコンテンツへの擬似要素はまた、例えば、ソース文書内に存在しないいくつかのコンテンツ配信パターンを提供します。

やってするために使用一般的に使用される疑似クラスを考えてみて?

整合素子

a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */

选择器匹配作为任何元素的第一个子元素的 <p> 元素

p:first-child
{
    color:blue;
}

定義

疑似クラスは、実際に異なる状態で生産共通DOM要素に基づいており、彼はDOM要素の特定の機能です。

3.まとめ

述べ違いは、新しいオブジェクトは、それが動作することがDOMツリーでは見えない擬似要素を、生成されていない、唯一の状態のDOM要素が異なる新たな擬似オブジェクトクラス、。

CSS3、区別するために、および標準化、擬似要素::で始まるように変更されますが、歴史的な理由のためにブラウザ:擬似要素の開始もサポートしていきますが、::初めのために書いて仕様を提案しました。

参考資料

第1条
第2条

おすすめ

転載: www.cnblogs.com/shipskunkun/p/11798476.html