對html標籤 元素 以及css偽類和虛擬元素的理解

標籤：lan   結束   font   sdn   csdn   rda   targe   針對   寫法   

標籤：這應該都知道。<br/> 、<a>、<p></p> 等都是標籤。

元素：標籤開始到結束。比如:<p>p之間的內容<p/> ，紅色部分就是元素。

元素的內容：標籤開始到結束之間的部分，上述紅色部分中的“p之間的內容”，這就是元素的內容。

偽類：針對的是特殊狀態的元素。

虛擬元素：針對的是元素的內容。

虛擬元素和偽類之所以難以分清，是因為他們的效果類似並且寫法相仿，css3 為了區分兩者，已經明確規定了偽類用一個冒號來表示，而虛擬元素則用兩個冒號來表示。

偽類的文法：selector:pseudo-class {property:value;}

虛擬元素的文法：selector::pseudo-element {property:value;}

但因為相容性的問題，所以現在大部分還是統一的單冒號。

參考：

http://www.cnblogs.com/springliang/p/6202600.html

http://blog.csdn.net/sadfishsc/article/details/7047595

1190000000484493

對html標籤 元素 以及css偽類和虛擬元素的理解