伪元素

伪元素   　　css有一系列的伪元素，如pseudo::before，:after，:first-line，:first-letter等

css的伪元素，之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样

例子：

<p>wonyun!</p>　　　　　　　　　　　等于》》》》　　　　<p>

<style>　　　　　　　　　　　　　　　　　　　　　　　　　　<span>hello </span>

　　p:before{content: "hello "}　　　　　　　　　　　　　　　　wonyun!

　　p:after{content: "you are handsome!"}　　　　　　　　　　　<span> you are handsome!</span>

</style>　　　　　　　　　　　　　　　　　　　　　　　　　</p>

 

伪元素也可以与CSS类配合使用

例子：

p.article:first-letter
  {
  color: #FF0000;
  }

<p class="article">This is a paragraph in an article。</p>