css :before :after 偽類選擇器
所有主流瀏覽器都支援 :after 選擇器。
注釋：對於 ie8 及更早版本中的 :after，必須宣告 。
:before
語法：selector : before
說明：用來和content 屬性一起使用，設定在物件前(依據物件樹的邏輯結構)發生的內容。
:after
語法：selector : after
說明：用來和content 屬性一起使用，設定在物件後(依據物件樹的邏輯結構)發生的內容。
content
語法：content : attr(alt) | counter(name) | counter(name , list-style-type) | counters(name , string) | counters(name , string , list-style-type) | no-close-quote | no-open-quote | close-quote | open-quote | string | url(url)
取值：attr(alt) : 使用物件的 alt 屬性的文字
counter(name) : 使用已命名的計數器
counter(name, list-style-type) : 使用已命名的計數器並遵從指定的 list-style-type 屬性
counters(name, string) : 使用所有已命名的計數器
counters(name, string, list-style-type) : 使用所有已命名的計數器並遵從指定的 list-style-type 屬性
no-close-quote : 並不插入 quotes 屬性的後標記。但增加其巢狀級別
no-open-quote : 並不插入 quotes 屬性的前標記。但減少其巢狀級別
close-quote : 插入 quotes 屬性的後標記
open-quote : 插入 quotes 屬性的前標記
string : 使用用引號括起的字串
url(url) : 使用指定的絕對或相對 url 位址
說明：用來和 :after 及 :before 偽元素一起使用，在物件前或後顯示內容。對應的指令碼特性為 content 。
—————
p:after
a[href]:after
a[href]:before
css before，after偽元素妙用
我們知道，css偽元素包括after,before,first letter等，通過合理的利用偽元素，我們可以讓我們的結構更簡潔。通常寫法如p after,其中content內容可以是字元也可以是，例如p before，p after 我們最常用的可能是用來清除浮動或新增一些簡單的元素 如div首尾...
偽元素 偽類
偽元素在dom中建立了一些抽象元素，而且這些元素本身時不存在與dom中的。在css3中偽元素前要使用 兩個冒號 比如 使用在使用 before 和 after時，要使用content進行內容設定。預設情況下，偽元素插入的內容為行內元素，不過可以使用display進行設定。注意 同時只能使用乙個偽元素...
偽類 偽元素
偽類和偽元素在web開發中用的好的話，可以說猶如神助。但一定要分清楚，什麼是偽類，什麼是偽元素。如何區分偽元素與偽類？答 偽元素在html文件渲染後，頁面中有相應的內容顯示，同時能夠設定它的樣式，而偽類只能設定樣式 偽元素和元素的區別？答 很明顯，從字面意思上來說，偽元素就不是真正的元素，而只有形而...