css3偽元素選擇器
css3偽元素選擇器有兩種：分別是::before和::after，下面我們分別進行介紹
先介紹一下使用的注意事項：
1.他們本身就是乙個元素（盒子），使用的時候相當於是在原先的div所建立的盒子裡增加新的「小盒子」。可以定義其屬性但是預設的只是行內元素。
2.before和after所代表的盒子必須具有content屬性
3.before表示在所給定的內容之前，after表示在所給的內容之後；這裡的內容是指原先的div盒子裡給定的content裡的內容。
4.在dome裡面是看不見所建立的before和after元素的 ，所以稱其為偽元素
5.偽元素和標籤選擇器一樣，權重為1
接下來，我們舉例講解一下，首先給乙個div盒子作為研究物件，舉例**如下：
愛
div::before
display: inline-block;是融合行內於塊級，讓其變成不獨佔一行的塊級元素，在這裡是為了展示div「大盒子」裡用偽元素選擇器做出來的「小盒子」的內容位置和包含關係。（關於display: inline-block;的說明，我會在後面其他部落格中進行詳細講解）。
div::after
display: inline-block;的功能同上。
最後得到的結構布局如下圖所示：
CSS3偽類選擇器及偽元素
1.偽類選擇器概述 在css中，可使用偽類選擇器把相同的元素定義成不同的樣式，如針對p元素，可以做以下定義。p.right p.center 在css中，除了上述類選擇器之外，還有一種偽類選擇器，這種偽類選擇器與類選擇器的區別是，類選擇器可以隨便起名，如上面的p.right和p.center,也可以...
CSS3之偽元素選擇器和偽類選擇器
偽類選擇器，和一般的dom中的元素樣式不一樣，它並不改變任何dom內容。只是插入了一些修飾類的元素，這些元素對於使用者來說是可見的，但是對於dom來說不可見。偽類的效果可以通過新增乙個實際的類來達到。a link a visited a hover a active在 css 定義中，a hover...
CSS3新增 結構偽類選擇器 偽元素選擇器
1.結構偽類選擇器 可方便的選取乙個或多個特定的元素 first child 選取屬於其父元素的首個子元素 last child 選取屬於其父元素的最後乙個子元素 nth child n 選擇第n個子元素 n even 2n 選取偶數孩子 n odd 2n 1 選取奇數孩子 2.偽元素選擇器 fir...