偽元素

:first-letter

:first-letter用來選擇文字塊的第一個字母。常用於給文字新增排版細節，例如首字母下沉。

p:first-letter
{
  color:#ff0000;
  font-size:xx-large;
}

:first-line

:first-lin用來匹配元素的第一行文字，應用一些特殊的樣式。

p:first-line
{
  color:#ff0000;
  font-variant:small-caps;
}

:before和:after

:before和:after不是存在於標記中的內容，而是可插入額外內容的位置，儘管生成的內容不會稱為DOM的一部分，但它同樣可以設定樣式。

要為偽元素生成內容，還需要配合content屬性。在元素內容的最後面或者最前面插入生成內容。預設地，這個偽元素是行內元素，不過可以使用屬性 display 改變這一點。

h1:after 
{
content:url(/i/w3school_logo_white.gif)
}