before/after偽類相當於在元素內部插入兩個額外的標籤，其最適合也是最推薦的應用就是圖形生成。在一些精緻的ui實現上，可以簡化html**，提高可讀性和可維護性。國外這兩個偽類應用相當的普及以及興盛，不過貌似我們這邊前端er們普遍缺乏使用這兩個偽類的意識，要使用頂多也就是跟風的「清除浮動」應用。
1.基本用法
:before和:after的作用就是在指定的元素內容（而不是元素本身）之前或者之後插入乙個包含content屬性指定內容的行內元素，最基本的用法如下：
#example
:before
#example
:after
2.樣式修改
**如下所示:
"quote"
>
小戶型.quote:before,.quote:after
3.清除浮動
**如下所示：
class="parent">
class="box1">
div>
class="box2">
div>
div>
class="parent2">parent2div>
//css**
.box1
.box2
.parent2因為浮動的問題，實現效果如下所示：
如果在上面**中加上這段**用來清除浮動則會達到不一樣的效果：
.parent
:after
css3中的偽類before和after常見用法
before after偽類相當於在元素內部插入兩個額外的標籤，其最適合也是最推薦的應用就是圖形生成。在一些精緻的ui實現上，可以簡化html 提高可讀性和可維護性。國外這兩個偽類應用相當的普及以及興盛，不過貌似我們這邊前端er們普遍缺乏使用這兩個偽類的意識，要使用頂多也就是跟風的 清除浮動 應用。...
CSS3 偽元素和偽類
css偽類和偽元素的區別，在css3中，實際上的偽元素應該只有 before和 after兩個了，這兩個元素是實際存在在dom中的，而類本身就是表示元素的狀態，所以偽類應該也是為了表示元素的狀態的。在css3中，可以直接用 還是 來區分偽類和為元素了。由於偽類主要是表示元素的狀態，那麼偽類的主要功能...
css3 偽元素和偽類
1，定義 w3c定義 偽元素偽類 都可以向某些選擇器設定特殊效果。css2中定義 css3中的定義 1 偽元素 在dom樹中建立了一些抽象元素 虛擬的容器 由兩個冒號 開頭 css2中並沒有區別 為了相容性一般還是寫乙個冒號 2 偽類 為了選擇器找到那些不存在於dom樹中的資訊 及 不能被常規css...