前面幾遍中我們分別說到了id選擇器和class選擇器，以及它們的區別和聯系，下面大家一起來探究一下神奇的為類和偽元素吧。

其實以前我對偽類和偽元素也是搞得稀里糊涂的，現在決定剝開它神秘的外衣，首先，究竟什么是偽類？什么是偽元素？

偽類和偽元素的理解：

官方解釋：

偽類一開始只是用來表示一些元素的動態狀態，典型的就是大家常用的鏈接的各個狀態（link、active、hover、visited），隨后css2標準
擴展了其概念范圍，使其成為了所有邏輯上存在但在文檔樹中卻無標識的“幽靈”分類。

偽元素則代表了某個元素的的子元素，這個子元素雖然邏輯上存在，但是并不實際上存在于文檔樹中，如我們平時用的after、before等。

自己粗淺的理解就是偽類就是一個無須標識的類，偽元素則就是一個元素，只是不存在與文檔樹中。

關于用法：偽類前面是一個冒號，偽元素前面則是兩個冒號。E:first-child偽類，E::first-line偽元素。這是最新的css3標準，但是css2中
關于after和before都使用一個冒號，這里就需要大家注意了。而且css3還擴展了不少偽類，這里就不提了，感興趣的自己可以去查資料。

常見應用:
偽類：
1.a鏈接樣式 <a href="#">點擊鏈接</a> a:hover{color:red} 鼠標懸浮字體變紅。

2.隔行變色 <ul><li>1</li><li>2</li><li>3</li><li>4</li></ul> ul li:nth-child(even){background-color:#ccc}或者ul li:nth-chilid(2):{background-clolor:#ccc}

偽元素：
清理浮動：
.clear{zoom:1}
.clear:after{display:block;content:'';clear:both;}

關于偽類和偽元素，就講到這里，有關偽類和偽元素，能做出很多有意思的效果。

?

總結

以上是生活随笔為你收集整理的css常用属性初总结:伪元素和伪元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。