CSS选择器（6）——伪元素

伪元素

: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)
}