網站CSS中的四個偽元素
作者：佚名 時間：2014-03-11 分享到：
網站CSS中的四個偽元素
文檔中有些基本關系不能明確地用標簽加以解釋。“首字下沉（drop-cap）”是一種普通的打印樣式，但是如何在段落中選擇第一個字母呢？有一些方法，但你必須去分別識別每種情況。而且段落的首行沒有標簽。很多情況都需要瀏覽器自動生成內容，例如添加前綴“Item#”以及為有序列表的每一項自動編號等。
CSS2引進了四個新的偽元素，可以用它們為顯示定義特殊的關系和樣式（：first-line、:first-letter、:before和：after）。我們要將每個偽元素聲明為一個用冒號隔開的標準標記元素后綴。例如：
p:first-line {font-size: 200%; font-style: italic;}
這行代碼表示瀏覽器應該以斜體顯示每一段的第一行，而且其大小為其他文本的兩倍。同樣：
p:first-letter {font-size: 200%; float: left;}
這行代碼告訴瀏覽器該段第一個字母的大小為其他正文的兩倍，而且要把該字母靠左放置，并使這一段的頭兩行圍繞這個大一些的字母排列。
使用首字母偽元素來選擇標簽內容中文本的首字母
:before和:after偽元素使用戶能夠識別在文檔的什么位置插入生成的內容，例如列表編號和特殊的引導標題等。因此，這些偽元素是與CSS2內容和計數（count）屬性一丐使用的。為了激發起讀者的興趣，請考慮下面的示例：
ol (counter-reset: item)
ol li:before {content: "item #" counter(item) " ";
counter-increment: item}
現在的版本的瀏覽器器基本都支持CSS這四個偽元素。
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/contact/20151229/n7327.html
