僞類和僞元素

一.定義

css:

在css中 僞類用於向某些選擇器添加特殊的效果，用單冒號表示 語法爲：selector.pseudo-class{property:value;}；

經常使用的有——：link，：visited，：hover，：active；

 

css類也能夠與僞類配合使用：selector.class：pseudo-class{property:value;}；

 

在css中 僞元素用單冒號表示 語法爲:selector:pseudo-element{property:value;}

css類也能夠與僞元素配合使用：selector.class：pseudo-element{property:value;}

 經常使用的有——：first-line（向文本首行設置特殊樣式），：first-letter

css2:

僞類：使用 :first-child 僞類來選擇元素的第一個子元素。

http://www.w3school.com.cn/tiy/t.asp?f=csse_first-child

:lang 僞類使你有能力爲不一樣的語言定義特殊的規則

僞元素：經常使用的——  :before（在元素的內容前插入新的內容） :after(在元素的內容後插入新的內容)

css3:

css3爲區分僞類和爲元素  僞元素採用雙冒號形式

僞類------ :link, :visited, :hover, :active, :focus, :not(), :target

僞元素—— ::first-line, ::first-letter, ::bofore, ::after, ::selection

::before和::after下特有的content，用於在css渲染中向元素邏輯上的頭部或尾部添加內容。

這些添加不會出如今DOM中，不會改變文檔內容，不可複製，僅僅是在css渲染層加入。因此不要加入實際意義的數據  能夠加入圖標等

content屬性：

取值：string

　　　attr（）: 經過attr（）調用當前元素的屬性

　　　url（）/uri() : 用於引用媒體文件

　　　counter（） : 調用計數器，能夠不使用列表元素實現序號功能

二.使用

1.清除浮動

2.作出各類圖形效果

3.不是用圖片創建小圖標

4.顯示打印網頁的url

5.給blockquote添加引號

6.超連接特效